Darkmatter5 Posted February 26, 2009 Share Posted February 26, 2009 Here's my CSS #wrap { position: relative; width: 100%; } #header { position: relative; height: 80px; width: 100%; background-color: gray;*/ } #content_wrap { position: relative; width: 100%; background-color: #A8A8A8;*/ /*background-color: fuchsia;*/ } #menu { float: left; min-height: 600px; width: 150px; margin: 0; padding: 2px; border-right: 1px solid gray; /*background-color: green;*/ } #content { float: left; padding: 2px; /*background-color: blue;*/ } #status { float: right; min-height: 600px; width: 300px; margin: 0; padding: 2px; border-left: 1px solid gray; /*background-color: red;*/ } #yelblk_stripe { height: 5px; min-width: 100%; background: url(../images/stripe.png) repeat-x; } Here's my HTML <body> <div id="wrap"> <div id="header"> <div id="yelblk_stripe" style="position: absolute; bottom: 0px;"></div> </div> <div id="menu">test</div> <div id="content_wrap"> <div id="content">test</div> <div id="status">test</div> </div> </div> I've attached screens of my site rendered in Firefox and IE, Firefox is how I would like the site to look. Notice the content and status divs are forced below the menu div. [attachment deleted by admin] Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.