I am a Mac designer who is developing a new Website using CSS,
instead of using just the old table layouts that I have relied on in
the past.
The page in question is located at:
http://www.woodyscottages.com/
My problem is this. The "card" on this front page looks fine in
Firefox, IE and Safari for the Mac OS, but when I look at it in IE on
Windows XP, leading and kerning of the font is off and everything
moves around so that it renders the page unreadable.
The background graphics are sliced up and placed in a table to hold
them together properly, with the text riding in CSS "layers" over the
top of the graphics.
I am using Trebuchet MS for the font, something that is fairly common
in the computing world. I chose my font sizes in my CSS in pixels,
not points or ems. I also am using classes for my fonts and sizes in
the CSS, bypassing the traditional HTML tags of <p>, <body> and <h1>.
I'm wondering 1. Why is there such a discrepancy in the way these
fonts show and 2. Is there a way I can get the Windows version to
render more like the look of the Mac version (pulling the words
together so that everything lines up the way it is supposed to.
My CSS is at:
http://www.woodyscottages.com/site.css
if anyone would like to take a look at what I've done.
Any suggestions would be most welcome!
David Biddix
http://www.pegasuscreations.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
