On 08/02/06, Rowan Wigginton <[EMAIL PROTECTED]> wrote:
>
> Use this on all the divs you need to align on the right:
>
> <div style="float:right">div</div>
> <div style="float:right">div</div>
> <div style="float:right">div</div>
> <div style="float:right">div</div>
>
> The first one will display on the right hand side, and the last one will
> display on the left side.
>
> Here's more info about floats:
> http://www.w3.org/TR/REC-CSS2/visuren.html#floats
>
Yep, that works. And for the other option:
<div id="wrapper">
<div id="div1">stuff</div>
<div id="div2">stuff</div>
<div id="div3">stuff</div>
<div id="div4">stuff</div>
<div id="div5">stuff</div>
</div>
and
#wrapper {
float: right;
width: 50%;
}
#div1, #div2, #div3, #div4, #div5 {
float: left;
width: 20%;
}
This will keep your divs in logical visual order (ie, the first one will be
on the left, the next one beside it, etc, the way you would read across the
page) but move the whole set of them over to the right of your page. You can
fiddle with the widths and suchlike to get them exactly how you want, but
that's the essence of it.
Cheers,
Seona
______________________________________________________________________
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/
