nouhad wrote:
> Hello there. I'm having a hard time coding my CSS to position divs exactly
> the way I want it to. Could someone help me out and let me know where I'm
> going wrong, i do not know what positioning method I should use.
>
> How i want the website to look :
> http://img212.imageshack.us/img212/7094/compolf6<http://img212.imageshack.us/img212/7094/compolf6.gif>
> .gif
>
>
[code trimmed]
I think that you could float the right and left boxes and then clear
them. I am not exactly sure what you want to wind up with, but maybe
this will help to get it started:
CSS
body {font-family: sans-serif;background-color: #fff; color:
#000;text-align: center; }
p {margin: 0;}
#container {border: 1px solid red;width: 600px;margin: 0 auto;height: auto;}
#banner {background-color: fuchsia;width: 500px;height: 110px;margin: 0
auto;}
#navbar {background-color: green;height: 41px;}
#leftbox {background-color:blue;float:left; margin-left: 50px;width:225px;}
#rightbox {float: right; margin-right: 50px;width:250px;
background-color: red;height:156px;}
br.both { clear: both;}
HTML
<div id="container">
<div id="banner"><p>Banner</p></div>
<div id="navbar"><p>Navbar</p></div>
<div id="rightbox"><p>Rightbox</p></div><!--note the right box is first
in the source order-->
<div id="leftbox"><p>Leftbox</p></div>
<br class="both" /><!-- clear the floats-->
Best,
~dL
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
