[StiefDB]

hi,

atm i'm learning to develop webpages, i use Firefox as a browser in my development.
i've made this little page to learn CSS and it works just fine, like i wanted it too in firefox (version 2.0.0.3) , but i can't seem to get it like that in IE, although FF is way better and all, i believe the majority still uses IE so i want to get my page to work the same way in IE (version is 7.0.5730.11).
i use an external stylesheet.

link to my page:
http://webontwerp.rega.khleuven.be/501053/CSS/oef4/oef4.html
stylesheet:
http://webontwerp.rega.khleuven.be/501053/CSS/oef4/oef4.css
now as you can see it's pretty basic, just working with structure and color changing on hover.
but when i open the page with IE the links dont show and there are no colorchanges... any idea how to get the same results with IE?

if someone could help me out i would be very gratefull.

much appraciated,

Stief Debaetselier

[drhowarddrfine]

although FF is way better and all, i believe the majority still uses IE so i want to get my page to work the same way in IE

Of course, and you should; no one said you shouldn't. The purpose in using a modern browser like FF or Opera is to make sure your standards compliant code works. So it makes sense to use the most standards compliant browsers to initially test in. Once that is set, then you can check IE for any problems caused by its quirks and bugs, although most of us check as we go along.

I am updating my dev computer right now and don't have my tools available but it looks like IE is having a problem with margins and padding; adding some where there shouldn't be any. Many times, we set all margins/padding to zero in css and then set each element as we like to avoid this issue. In addition, browsers sometims have different defaults.

[StiefDB]

well there is not really a problem with the margins
more importantly, the links aren't working as well as the color changing on hover (in the menu bar)

[drhowarddrfine]

I believe the margins on those links are causing the problem, while the general layout may look correct. I'll be done updating my system later today.

I'm not saying you did anything wrong. I'm saying this is still related to something IE is doing wrong and it could be just an IE quirk.

[drhowarddrfine]

It appears your content div, the one with the <p>, may be overlapping your navigation links. Try float:left; to that content div and it should work. IE treats <ul> different than other browsers do. (margins and padding)

[StiefDB]

hi, thanks for the help problem with IE solved, it shows just fine now

only now with FF the content is no longer besides the menu ...
sry to bother you again with Q but any way to get FF-version to look like the IE-version ?? :)

[StiefDB]

anyways it should look like this;
http://webontwerp.rega.khleuven.be/501053/CSS/oef4/Schermafdruk_grootscherm_oef4.pdf

thanks in advance

[drhowarddrfine]

I meant #inhoud should be floated, not navigatie.