I’d advise scrapping the IE view, just make it work in Firefox, THEN it will probably workin IE too, or be easy to figure out to do so.
IE is the buggy not displaying css properly browser, so write good css and make it work in good browser, then make it work in yucky browser 😉
In your css you have absolute positioning on #header and on #menu divs. You also have a float mixed in there with #content
Work should start with that. Make your header different. Put it at the top with NO Positioning at all. Then what happens with your #rap ? Try making your #content with NO FLOAT as well and see what happens. Just put it in there with padding.
I also see in IE that #rap is leaving a 1px space on the left border by the bull background. That shows that even though it’s closer to what you want, it’s not displaying it properly. IMO.
Start with Firefox, code to that and you’ll be happier in the end. Only think of IE as the last thing to work on. If it works in Firefox, then all you’ll need to figure out is gappy things to fill in somehow with IE.
Try that. And a million other positioning things. Just try a search engine and you can look all day at article on positioning in Firefox vs. IE.
Look at two and three column layouts and get hints from that as well.
Also, forgot to mention, your #menu has “position: absolute” and given “top 0;” as value, but as well you have “margin-top: 390px;” padding-top: 380px;” and the absolute positioning only has a top and right settings. That’s all funky.
Absolute positioning needs top and left for correct display in browsers.
Change the height in #rap to be 598px, then it looks right in firefox.
Thread Starter
omar
(@omar)
Thanks! I’ll get right on the changes! Geez… This old man has a lot to learn!
Hehe…Omar, we all have lots to learn about this stuff. But as mentioned previously, build your site to get it working on Firefox, THEN port it over to the other browsers. You’ll have fewer headaches in the long run.
Check out http://communitymx.com for a tonne of free CSS articles, as well.
Thread Starter
omar
(@omar)
Well, I’ve made a few changes and basically the colors are what I want and the layout is *almost* as I want in Firefox.
PROBLEM: My background color suddenly started ending prematurely! It ends at the bottom of the menu and I can’t figure out why!!!
Anyone got any ideas?
http://ondogriver.net/bullspeak/index.php
I am not really sure what you are talking about, the site in firefox looks good to me 🙂
YOur site looks fine. Just your image on top is a bit large…. Thats just personal opinion of course.