Patrick Aljord wrote:
> I would like to align my first box and my second box vertically on the
> right of my page.
> here is the simple (and w3 valid) link:
> http://p80.free.fr/testy/testy.html
> Pat
Pat,
You are off to a good start with a valid file-- that is important. I 
think if you /start with a clean sheet/, and just set the three columns, 
things will go well for you. Then you'll be able to plug your content 
into a solid base.
Try this css/html (it may be confusing at first because negative (minus) 
margins are employed:
CSS
html,body{background-color: #fff;color: #000;margin:0;padding:0;}
body{font: 100% arial,sans-serif;text-align:center;}
p{margin:0;padding:0;}
div#wrapper{float:left;width:100%;}
div#one{ background-color:red;color:inherit;margin-right: 50%;}
div#two{background-color:blue;color:inherit;float:left;width:25%;margin-left:-50%;}
div#three{background-color:green;color:inherit;float:left;width:25%;margin-left:-25%;}
HTML
<div id="wrapper">
<div id="one">
<p>one</p>
</div>
</div>
<div id="two">
<p>two</p>
</div>
<div id="three">
<p>three</p>
</div>
</div>
HTH.
~dL







-- 
http://chelseacreekstudio.com/

______________________________________________________________________
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/

Reply via email to