[web] Another conflict between IE and FireFox with my CSS
Link
Again, in IE it looks fine. But in Firefox, there is a big indent in the list that I do not want there. I'm assuming that there is some error in my CSS which can be found at
http://ekimgram.com/ofl/style.css
I'm still new to using CSS, after that recent topic I'm trying to steer away from using tables for my designs and get into using CSS much more.
Ok, good luck with your new CSS ways [smile]
I recommend immediately setting your font color to something readable, like #fff, because the default (black) isn't going to be visible so there could be weird things going on that you don't see.
I recommend putting that a:visited before even though it has nothing in it.
Try playing around with the padding. That should fix your problem.
Peace,
Boder
body{ background-color: #111; color: #fff;}
I recommend immediately setting your font color to something readable, like #fff, because the default (black) isn't going to be visible so there could be weird things going on that you don't see.
li a:visited {}li a:hover{ background-color: #222; color: #FFF; text-decoration: none;}
I recommend putting that a:visited before even though it has nothing in it.
ul.nav{ padding-left:5px; list-style: none; margin: .2em;}
Try playing around with the padding. That should fix your problem.
Peace,
Boder
Firefox automatically adds padding to a list, so you simply need to add "padding: 0px;" to ul.nav like so;
*edit* damn, beat :-p
ul.nav{ list-style: none; padding: 0px; margin: .2em;}
*edit* damn, beat :-p
This topic is closed to new replies.
Advertisement
Popular Topics
Advertisement