Вертикальная панель навигации

Question

Я пытаюсь сделать панель навигации из неуказанного списка. Этот список должен быть вертикальным и тянуть влево. Теперь у меня есть вертикальный список влево, но он находится поверх моего содержимого, а не слева от него.

<ul id='help_links'> 
    <li><a href="#annoucements">Announcements</a></li> 
    <li><a href="#approvals">Approvals</a></li> 
    #... 
</ul> 

<div id='content' style='margin:20px auto;'> 
    <a name="annoucements"><h2>Announcements</h2></a> 
    <h3>Creating Annoucements</h3> 
    <ul style="list-style-type:circle;"> 
    <li>...</li> 
#... 
    </div> 

#help_links ul 
{ 
    margin:0; 
    padding:0; 
} 

#help_links li{ 
    display:block; 
} 

Что мне нужно изменить, чтобы получить содержание в середине и имеют help_links быть перечислены на левой стороне.

Answer 1

Поместите список в DIV, давайте назовем его класс в divlink и добавить в свой CSS:

div.divlink 
{ 
    float: left; 
    height: 100%; 
} 
div.content 
{ 
    float: left; 
    height: 100%; 
} 

О, а также после того, как сделать это, вы должны использовать отступы вместо маржу в содержании дел. По моему опыту, поля работают странно с поплавком.