Side Nav/columns

hi all,

i've been coding side columns (particularly side navs) using floats, forces me place html before content. counter having internal links #content @ top of page.
want second opinion on how people have on approach.

find myself having 'hack' bit ie6 floating side columns because of 3px bug, i've been 'told' avoid absolute positioning.

use absolute positioning instead? there advantages/disadvantages?

thanks!
benneh

 

benneh said: ↑

... forces me place html before content. counter having internal links #content @ top of page.

click expand...

i can't figure out mean. can clarify?

typically, if need couple columns (one nav, 1 content), yes float them. example:

html:

  <div id="nav">    nav code/links go here  </div>  <div id="content">    content goes here  </div>  

code:

  #nav {    width: 150px; float: left;  }  #content {    width: 500px; float: left;  }  

those wind right next each other. have clear: both div after them, wrap them in margin: 0 auto div fixed if want center them on page, or not fix width #content , give left margin equal width of #nav if want stretch width of whole window. there's number of different options. floats effective if know how use them.

maybe can more specific trying do, or give example of you've tried , what's troubling you?

 

Forums Special Interests Web Design and Development

• iPhone
• Mac OS & System Software
• iPad
• Apple Watch
• Notebooks
• iTunes
• Apple ID
• iCloud
• Desktop Computers
• Apple Music
• Professional Applications
• iPod
• iWork
• Apple TV
• iLife
• Wireless