Jump to content
  • Advertisement
Sign in to follow this  
Ekim_Gram

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

This topic is 4771 days old which is more than the 365 day threshold we allow for new replies. Please post a new topic.

If you intended to correct an error in the post then please contact us.

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
Advertisement
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
Sign in to follow this  

  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

We are the game development community.

Whether you are an indie, hobbyist, AAA developer, or just trying to learn, GameDev.net is the place for you to learn, share, and connect with the games industry. Learn more About Us or sign up!

Sign me up!