I need help in CSS

[memphish]

I'm trying to get the hang of CSS, and finally managed to get the site displaying mostly how I want it to in Firefox. I did a check in IE once I got the header,navigation, and main content containers done, and Wow is it ever screwed up. Instead of aliging in the center all the content is pushed to the right, the navigation links are resized and overlapping, and the background also is displaying incorrectly. I have no clue what 'hacks' to use in my CSS to get IE to display properly. If anyone could offer some tips I'd be most grateful.

 

http://www.brainville.org/sa/ Sample page

http://www.brainville.org/sa/css/layout.css-CSS file

[Wes]

http://webdesign.about.com/od/css/a/aaboxmodelhack.htm

[memphish]

^Might try this and see if it fixes the new problem. Thanks

 

I ended up rewriting the the whole css one piece at a time, checking in both browsers like I should have the first time. Now they display nearly the same. The navigation was still positioned about 30px higher in IE, but I fixed that using the html>body hack. Now the only issue is the light green divider. It is 5px in firefox like it should be, but about 20px in IE. The html>body hack didn't work. The new files have been put in place above.

This isn't such a huge deal, but its damn annoying and I'd like to get them looking exactly the same if anyone can help.

IE:

Firefox:

[DenDen]

Always keep in mind, Firefox is NOT 100% CSS compliant. (Actually, nobody is right now.) And now that Opera is free, we have a 3rd contender in the browser war. (And it's pretty good.)

[CoasterFanatic]

The great thing about standards is that there are so many to choose from!

[DenDen]

^ not really. There's only one HTML standard, one CSS, one XHTML, one XML, etc... The problem is, the browsers can't get it right.

 

Here's the big shocker... I've been playing with Opera for about a week now, and I have to say, it beats both IE and Firefox when it comes to standards. (As far as html and CSS standards are concerned.) It displays this content exactly as defined by the consortiums that define the standards. From a designer's standpoint, I'm very impressed with it.

[CoasterFanatic]

^ Too bad nobody uses it. While there are all kinds of great browsers out there, IE still holds the biggest share ... big time.

 

// I used to rage against the machine but now I just plug into it

[Ghost]

Always keep in mind, Firefox is NOT 100% CSS compliant. (Actually, nobody is right now.) And now that Opera is free, we have a 3rd contender in the browser war. (And it's pretty good.)

 

I used Opera and don't think it is that good. For some reason this browser displays webs not always as they should be (even if the coding is how it should be following the W3C standards)

 

In my opinion Firefox is the best one at this time. I don't think Opera will ever come close to it (and is used a lot less, and I mean a lot less, then the firefox browser)