Help - Search - Members - Calendar
Full Version: IE6 vs Firefox
Movable Type Community Forum > Using Movable Type > Additional Features
kehaiji
i just noticed that my blog, here, displays nice and pretty in firefox, but i tried to open it in IE6, and the two side columns were all black instead of transparent. I am sure that my backgrounds are transparent all through my stylesheet, so i am at a loss as to what could be causing the problem. I'm not sure what parts of my code might affect this, so i will just let you view source if you have any ideas..

thanks in advance
-kehaiji
ndns
That is just because IE doesn't like us and wants to make life as difficult as possible.

I don't know if this will fix anything, but I guess it's worth a try. In your body element, instead of background, try background-color.
CODE
    body {
margin:0;
font-family: verdana, tahoma, sans-serif;
background-color:#959595;
background-image : url('eye-backgr.jpg');
background-position : bottom;
background-repeat : no-repeat;
background-attachment : fixed;
     }
kehaiji
QUOTE
That is just because IE doesn't like us and wants to make life as difficult as possible.

heh i totally agree.

i tried that, then itried replaceing all background: with background-color: but still no luck. Do you have any other suggestions?
ndns
Sorry, but that's all I got...I'm as confused as you. Let's hope someone else knows.

biggrin.gif
mack
just spent ten minutes looking at your html and css.

looks like the NN4 "hacks" are to blame. but please check yourself, simply remove some attributes and trace when the error shows up first. keep a copy of your current css, though.

advice: you care about NN4 users (if there are any left), but you still use width: together with padding: attributes (for example), which will render completely different in IE and the rest of the css-compatible browsers (padding on both sides):
IE: width:100px+padding:1px==actual width remains 100px
CSS SPECS: width:100px+padding:1px==actual width 102px

this is much more important, while more than 90% use IEs, Operas, Mozillas, Safaris etc.

never use width: attribute together with margin: or padding:

regards
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.