Open Designs

Open Designs Forum » Designer Talk

1. conartistdesigns
   Member

   Hey guys. Its been a while. I never have this problem. But: http://conartistdesign.com/cor
   the nav float right in most browsers but not in IE or Opera and Idk why.
   THanks

   Posted 2 years ago #

2. bakercad
   Moderator

   
#nav ul li {
float: right;
}
#nav ul li a {
font-size: 14px;
line-height: 40px;
padding-top: 13px;
padding-bottom: 13px;
padding-right: 10px;
padding-left: 10px;
font-family: Verdana, Geneva, sans-serif;
text-decoration: none;
color: #4A4A4A;
}


   of course, now there are position issues in IE, but at least the nav menu is looking good.

   Posted 2 years ago #

3. conartistdesigns
   Member

   Hmm. It doesnt seem to be working. Grr this site is nothing but trouble.

   Posted 1 year ago #

4. Rob
   Member

   Why do you have a div within the li's? It's going to cause tons of problems and isn't valid code at all. If you want to have a drop down menu trying putting another ul into the li rather than shoving a div in there.

   It probably isn't even IE's fault in this case, that is poor coding.

   Also, i'd avoid using all those inline styles. Stick it all in a stylesheet instead.

   It's tough to say exactly what the problem is. Getting rid of the divs may fix it, or it may not. You also display block and float right all the a's within the li's, which is pointless.

   It might be worth putting a clearfix (overflow:auto;) on the ul as well.

   But yeah, get rid of those divs and see what that does.

   Posted 1 year ago #

5. uberlemurguy
   Moderator

   gah i just noticed that. Don't wrap li's with div's. don't wrap divs with li's.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.