<div id="leftcolumn">
left column
</div>
<div id="rightcolumn">
right colum
</div>
#leftcolumn {
float: left;
}
#rightcolumn {
float: right;
}
if you need to clear the parent (ie - <div
id="wrapper"> with background-color ), then google
"site:positioniseverything.com clearfix"
Here's an example 3-column layout I did:
http://chovy.dyndns.org/layout/three-column-layout.html
--- Reynier Perez Mira <[EMAIL PROTECTED]>
wrote:
> Well as you can see in the subject of the email, I'm
> newbie in use CSS.
> Investigating and do some search on Internet I found
> that page contains
> DIV are more practically than pages contains only
> tables and other HTML
> elements. Now I pass all the code of my site to DIV
> because all of them
> are build using tables. I have some questions about
> DIV and CSS.
> 1) How I can put a DIV and in the side another DIV
> and in the side
> another DIV? Something like 3 columns in HTML table.
> 2) When I put this code into my CSS file:
> .classcss.right {
> float: right;
> }
> .classcss.left {
> float: left;
> }
> And then I apply to a DIV such as class.
> <div class= "classcss right">Element</div>
> The elements are organized side by side but not in
> the way that I want.
> I want that all are in the same line, mean aligned
> bottom
>
> How I do this stuff ?
>
> Regards
>
______________________________________________________________________
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> Supported by evolt.org --
> http://www.evolt.org/help_support_evolt/
>
Anthony Ettinger
ph: (408) 656-2473
web: http://www.apwebdesign.com
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
