Hi again. I follow your instructions but still without working. This is the CSS
code:
td.topheader {
background: url(../images/bn0_derechafondo.gif) no-repeat;
width: 534px;
height: 96px;
}
#wrapper {
float: right;
width: 105px;
}
#searchPlugin, #userInfoPlugin, #loginPlugin {
float: left;
}
And this other is the HTML code:
<td class="topheader">
<div id="wrapper">
<div id="loginPlugin" style="width:35px;">Stuff here</div>
<div id="userInfoPlugin" style="width:35px;">Stuff here</div>
<div id="searchPlugin" style="width:35px;">Stuff here</div>
</div>
</td>
The problems is all DIV are overlaping. What's wrong with this?
Regards
ReynierPM
4to. año Ing. Informática
Usuario registrado de Linux: #310201
*************************************************************************
El programador superhéroe aprende de compartir sus conocimientos.
Es el referente de sus compañeros. Todo el mundo va a preguntarle y él,
secretamente, lo fomenta porque es así como adquiere su legendaria
sabiduría: escuchando ayudando a los demás...
> -----Mensaje original-----
> De: [EMAIL PROTECTED]
> [mailto:[EMAIL PROTECTED] En nombre de
> Seona Bellamy
> Enviado el: Tuesday, February 07, 2006 10:09 PM
> Para: [email protected]
> Asunto: Re: [css-d] More than one DIV how to
>
> 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/
>
______________________________________________________________________
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/
