Yet another FF/IE difference

[banderberg]

Hello.

http://www.swoobs.org looks different in IE and FF.

In IE it looks great, just the way I want it to. In FF, the red rectangle with the word "M A I N" in it has a gap above it.

The border for the yellowish header under the Month, Year to the right is also thin in FF, much nicer and thicker in IE.

Another thing is the red header rectangles seem to hang just ever so slightly past the edge of the lighter red background they're on.

Same with the yellowish header under the Month, Year. Its border is visible just past the right of the cream colored background.

The CSS file being used is:

http://www.swoobs.org/stylesheets/index.css

My webpage is also valid HTML 4.01 STRICT according to the W3C so you might even enjoy looking at the source!

Any help about these differences would be greatly appreciated.

[Fantatier]

you know you can put

!important behind any css line, to make it FF only

so for your first problem you might consider

margin-top: -10px !important;

or something similar.

hope that gets you started.


btw, nice house you have there :)

[Fang]

h1.menu {
margin:0; /* browsers use different margins in headers */
background-color: red;
bla ...
}
h2.separator {
background-color: #00FFD9;
height: 45px;
border-top:1px solid #009580; /* use px not thin */
border-bottom:1px solid #009580;
margin-top: -19px !important; margin-top: -21px; /* Moz; IE*/
}

Yellow, cream :confused: It's green. Are you color-blind?

[banderberg]

Thanks for your help.. and to the post above you for the compliement on our house.

Yes, I'm slightly color blind. My wife helped me pick out the colors.

[Fang]

Perhaps using named colors would be a better idea?
Your colors are bright red and green; a bit too bright!
These maybe of use:
http://wellstyled.com/tools/colorscheme2/index-en.html
http://www.accessify.com/default.asp
http://www.maxdesign.com.au/presentation/

[Fantatier]

Originally posted by Fang

http://wellstyled.com/tools/colorscheme2/index-en.html


wow, cool link, thx :cool: