Main nav menu goes vertical in opera ( 6 Views )

1. Was wondering if someone wouldn't mind telling me why my main nav (which is supposed to be horizontal) goes vertical in Opera. To be honest it's not a big concern of mine if the site doesn't show up correctly in Opera. However I wouldn't mind figuring out why it's happening.
   
   http://www.cyberiansolutions.com/index_beta.php
   
   Thanks for all of your help.
   
   
   (ebru, Jamaica)


2. nice site, i don't have opera so couldn't tell you
   
   
   (ali, Korea, Republic of)


3. Quote:

   Originally Posted by cyberian Was wondering if someone wouldn't mind telling me why my main nav (which is supposed to be horizontal) goes vertical in Opera. To be honest it's not a big concern of mine if the site doesn't show up correctly in Opera. However I wouldn't mind figuring out why it's happening. http://www.cyberiansolutions.com/index_beta.php Thanks for all of your help.

   Hi
   
   Without taking all the code apart (which is what you should do to find the fault - by making the page just have the menu and nothing else, take out all the unncessary css until it works in Opera or breaks in IE), take a look at this article, whose lists do stay horizontal in Opera:
   
   http://www.alistapart.com/articles/taminglists
   
   
   
   Trevor
   
   
   (figen, Monaco)


4. Quote:

   Originally Posted by ClevaTreva Hi Without taking all the code apart (which is what you should do to find the fault - by making the page just have the menu and nothing else, take out all the unncessary css until it works in Opera or breaks in IE), take a look at this article, whose lists do stay horizontal in Opera: http://www.alistapart.com/articles/taminglists Trevor

   
   Thanks. I understand how to troubleshoot CSS code. But since this is such a narrowly used browser, I thought someone who is familiar with Opera might kick me in the right direction.
   
   
   (sezer, Mayotte)


5. Quote:

   Originally Posted by cyberian Thanks. I understand how to troubleshoot CSS code. But since this is such a narrowly used browser, I thought someone who is familiar with Opera might kick me in the right direction.

   Hi
   
   Well, I do have Opera!
   
   And I can't find the problem that quickly it was worth digging for. However, the ones at alistapart work fine in Opera, so there must be a difference.
   
   
   
   
   Trevor
   
   
   (büþra, Ecuador)


6. Another solution would be not to use lists at all. But it makes the links look pretty bad with css turned off.
   
   
   (kadir, Egypt)


7. Hi,
   
   Opera 7.2 doesn't like the position:absolute on your ul and then floating the list inside.
   
   Something like this should work.
   

   Code:

   ---

   #navcontainer ul {
  border: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
}
#navcontainer ul li {
  display: inline;/*ie double margin bug*/
  float: left;
  text-align: center;
  padding: 0;
  margin: 0;
}
#navcontainer ul li.firstlist{margin-left: 96px;}

   ---

   Then just add the firstlist class to the first item in the list.
   

   Code:

   ---

     <li class="firstlist"><a href="http://www.cyberiansolutions.com" class="first" id="navhome">Home</a></li>

   ---

   Paul
   
   
   (elif, Brunei Darussalam)


8. Ahh, there you are Paul. Thanks!
   
   
   (ugur, Slovenia)

Related Topics ... (or search in 1.720.883 topics !)