Sign in to follow this  
Ekim_Gram

[web] Another conflict between IE and FireFox with my CSS

Recommended Posts

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.

Share this post


Link to post
Share on other sites
Ok, good luck with your new CSS ways [smile]

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

Share this post


Link to post
Share on other sites
Firefox automatically adds padding to a list, so you simply need to add "padding: 0px;" to ul.nav like so;

ul.nav
{
list-style: none;
padding: 0px;
margin: .2em;
}


*edit* damn, beat :-p

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this