Page 1 of 1

[Solved] floating content correctly

Posted: Sat Jul 19, 2008 3:10 am
by TJINAK
Hello,

Can someone kindly point out how I might get my content to line up correctly?

http://www.careyhart.net/index.php?page=08-8446


Thank you,

TJ

Re: floating content correctly

Posted: Sat Jul 19, 2008 4:15 am
by Dr.CSS
#menu_vert {float:left;

Re: floating content correctly

Posted: Sat Jul 19, 2008 3:20 pm
by christiaans
As mark already stated, floating objects properly is the key.

use float: left; for the div sidebar
and float: right; for the div main (rather then adding "", keeps it much cleaner and easier to work with imho!)

and a thing I always do, is in the next div after (or in this case below the sidebar and the menu), add clear: both; or even better, the clearfix hack (Google for it, you'll find it).

Re: floating content correctly

Posted: Sat Jul 19, 2008 5:27 pm
by Dr.CSS
They are using a default template but when the menu was put in the side bar it naturally goes full width until you tell it to float then it will clear the right side for the content, you don't have to float the sidebar or the content...

Re: floating content correctly

Posted: Sun Jul 20, 2008 9:56 am
by christiaans
mark wrote: They are using a default template but when the menu was put in the side bar it naturally goes full width until you tell it to float then it will clear the right side for the content, you don't have to float the sidebar or the content...
Very true indeed. My bad.

Re: floating content correctly

Posted: Mon Jul 21, 2008 9:43 am
by christiaans
Topic closed, problem is solved.