By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,493 Members | 1,920 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,493 IT Pros & Developers. It's quick & easy.

FF to IE (CSS prob)

P: 12
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
Mar 24 '07 #1
Share this Question
Share on Google+
7 Replies


drhowarddrfine
Expert 5K+
P: 7,435
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.
Mar 24 '07 #2

P: 12
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)
Mar 25 '07 #3

drhowarddrfine
Expert 5K+
P: 7,435
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.
Mar 25 '07 #4

drhowarddrfine
Expert 5K+
P: 7,435
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)
Mar 25 '07 #5

P: 12
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 ?? :)
Mar 25 '07 #6

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

thanks in advance
Mar 25 '07 #7

drhowarddrfine
Expert 5K+
P: 7,435
I meant #inhoud should be floated, not navigatie.
Mar 25 '07 #8

Post your reply

Sign in to post your reply or Sign up for a free account.