467,910 Members | 1,795 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 467,910 developers. It's quick & easy.

FF to IE (CSS prob)

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
  • viewed: 1636
Share:
7 Replies
drhowarddrfine
Expert 4TB
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
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 4TB
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 4TB
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
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
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 4TB
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.

Similar topics

reply views Thread by Daniel Haude | last post: by
27 posts views Thread by Neil Monk | last post: by
reply views Thread by Wayne... | last post: by
5 posts views Thread by david hepworth | last post: by
4 posts views Thread by dhnriverside | last post: by
3 posts views Thread by onetitfemme | last post: by
11 posts views Thread by Bazza Formez | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.