Problem centering an element

I have built a new site which contains a mac font. This font is not available on windows. The windows alternative is of less width.

I have always done the following.

#element {margin:0 auto; width:xxx; }

The problem is that the element width varies depending on the font. Is there a way to center an element without declaring it width?

padding:auto; ... ?

percentage based layout with body margins.

What has padding got to do with centering?



Can you elaborate on this please.

if you cant get the width with css, use the <center></center> tags

I hope I understood your initial post correctly.

A percentage based site can give the illusion of being centered and your text can wrap freely regardless of the font.

Example:
http://www.myirmo.com/sbuni/

what about picking a diff font to fall back on like this:

h1 {font-family: "MAC FONT", Times New Roman;
font-size: 12px;}

just pick a windows font that looks the same or is the same size.

using margis could work for centering if you new the width and the apoximate width/range of width of the box you could set the margins on both sides to hold it in the middle but its a poor solution. (or atleast I think so)

yeah <center> should do just fine


be carefull because as with that example its not fully % based, the pic and menu cary over the edge and off the window when it gets to small.