[css-d] Two column layout

[Debbie Silbert]

Hello:

I am trying to layout a page as follows:

Container
          Header
          End Header

          MiddleContainer
                MainText
                    MainText End

                    NavBar
                    NavBar End
          MiddleContainerEnd

          Footer
          Footer End
Container End

#container {
margin: 0 auto;
width: 724px;
position: relative;
padding: 0 10px 0 10px;
text-align: left;
background: #fff;
font: 1em Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
color: #666666;
}

#header {
background-color: #ffffff;
border-bottom: 1px #000000 solid;
padding-left: 125px;
padding-right: 125px;
padding-top: 10px;
padding-bottom: 10px;
}

#middlecontainer {
position: relative;
float: left;
}

#maintext {
width: 425px;
float: right;
margin:  0 0 0 275px;
padding: 0px;
background-color: #ffffff;
}

#navbar {
float: left;
margin: 0;
width: 20px;
}

I want the maintext and navbar sections to be two columns that are
top-aligned with the bottom of the header section; that is, they are
side-by-side.  I cannot figure what float or position properties are
required of these two sections to make them be side-by-side.  I sincerely
appreciate any help in figuring this out.

Thank you!


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/