Horizontal Nav is going vertical

[logtech]

I have navation on this site http://latechna.com/absolution/ which when viewed in older browsers like FF 3.0 and earlier versions of Chrome and IE, the navigation will go from horizontal across the page to a vertical state.

[whiteInkDesign]

what browser are you seeing it as horizontal? Latest versions of Safari, FF, Chrome, Opera all showing it vertical for me. Having a width of 100px on your nav might be the issue. Try making it wider.

[atlhuck]

At a quick glance, it’s more than likely either
your ‘display’ property is set incorrectly (try setting it to BLOCK)
the ‘float’ property is set incorrectly (make sure you set it to
the width of your list item container is incorrect – make the parent container wider so the list items have room to flow properly.

Below is a snippet from some code (html5 format) on one of my sites – use it as a template..

header nav { width: 100%; overflow: hidden; }

header nav li { width: 200px; float: left; margin: 10px; list-style-type: none; white-space: normal; text-align: center; }

header nav li a { display: block; }

[Author]

Posts