css in ie not working

ashley98860615 · 05-21-2006, 11:33 AM

hey

does any body know of a good reason why css works in firefox but not in ie:

site: www.treble.lfhost.com/1024/

the css is loading but the text size is all wrong.

and one other thing, why don't png files have transparent bg's in ie? it's so annoying!!

Jason Batten · 05-21-2006, 02:26 PM

The font issue is the lists, define ul and li - that should do it.

PNG's don't work in IE. They just don't use .gif

***JPnyc*** · 05-21-2006, 03:32 PM

IE can display png, it just can't handle transparency of them.

Jason Batten · 05-21-2006, 03:43 PM

IE7 does, doesn't it? What about Opera... hrmmm I should do some testing...

ashley98860615 · 05-21-2006, 03:56 PM

i tried ie7 and it didn't work for me, nor does some javascript that im using (but works with firefox). ie needs to step its game up...

im trying to use :

body {
font-size:12px;
}

but it doesn't work. ffs

Skull · 05-26-2006, 10:12 AM

http://dean.edwards.name/IE7/

look into using that, its written in javascript so can easily be attached to your site and basically "fixes" alot of IE problems (in your case, if you add "-trans.png" to the end of png files then it'll have a transparent BG in IE)

***JPnyc*** · 05-26-2006, 10:26 AM

I dunno about IE7 yet. I haven't tried it.

ashley98860615 · 05-26-2006, 11:32 AM

just checked back into the png transparency issues and it seems to have been fixed... by itself!! strange. Just my text size i need to sort out now, any ideas?

to see what i'm encountering point firefox and then IE to http://www.treble.lfhost.com/1024/

***bpat1434*** · 05-28-2006, 12:43 AM

Your font-sizes are fine.... it's just IE seems to interpret a pixel differently than FF.... it's not that noticable. The main noticible thing is the fact that the spacing is different in lists. Most likely a padding/margin issue, and not a font-size. You might try setting the font-size to just an "em" size (1 being normal point, 0.9 being 90% of normal, 1.2 being 120%). That would work better cross-browser

Jason Batten · 05-28-2006, 08:15 AM

Quote:

Originally Posted by Jason Batten

The font issue is the lists, define ul and li - that should do it.

You need to set the font size for lists.

bogu · 05-28-2006, 08:25 AM

For png's use png 8 (dont use png 24) it works in IE and firefox ...

ashley98860615 · 05-28-2006, 06:44 PM

thanks for the help, can't fix the text size but i guess it doesn't matter much. the li and ul helped the menus though, thanks