Previous Message
Next Message

Two column layout

Sent by Debbie Silbert on 20 July 2006 02:02


This is a multi-part message in MIME format.

------=_NextPart_000_003B_01C6AB7A.F583C050
Content-Type: text/plain;
	charset="us-ascii"
Content-Transfer-Encoding: 7bit

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!


------=_NextPart_000_003B_01C6AB7A.F583C050
Content-Type: text/plain; charset="us-ascii"
MIME-Version: 1.0
Content-Transfer-Encoding: 7bit
Content-Disposition: inline

______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
------=_NextPart_000_003B_01C6AB7A.F583C050--
Previous Message
Next Message

Message thread:

Possibly related: