PDA

View Full Version : IE, Ems and spaces


DittoBox
22nd September 06, 08:28 PM
Check this page out in IE:

http://www.wellspring4square.org

I do everything in ems, since they scale well in most browsers. I use a global font-size of 62.5%, this makes 1em equal to 10 pixels. This makes things easy to size and still be pixel accurate when the browser sets font-size to 100% by default. It works and looks great in everything but IE.

Any ideas? I've been using DOM inspectors, playing around in the CSS and html and played around with the "xhtml as text/html" content type (can't quite wrap my head around that one...anyone want to elaborate on why some people say it's a bad idea?)

At any rate any help on fixing this problem would be greatly appreciated. Thanks.

chrishirst
22nd September 06, 09:02 PM
remove the white space between the image tag close and the div close

DittoBox
22nd September 06, 09:37 PM
Sweet! Fixed the white space underneath the photo, however it's still too wide.

Thanks!

chrishirst
26th September 06, 01:44 AM
what is too wide ?

DittoBox
26th September 06, 03:31 PM
Just fixed this yesterday actually. The image was about 5-10 pixels too wide. I removed the image (an img tag) and just added it as "background: url()" in the css. It scales better now too.

Thanks again for you help!