Well I have three DIV elements and I need to positioned in this way. One
aligned to left (obtain) another aligned to right (obtain) and the other
below of this two. See the code below:
**************************************************
<div class="float left">
<fieldset>
<legend>DIV aligned to Left</legend>
</fieldset>
</div>
<div class="float right">
<fieldset>
<legend>DIV aligned to Right</legend>
</fieldset>
</div>
<hr noshade />
<div>DIV below of them</div>
**************************************************
This is the CSS class for this elements:
.float.left {
float: left;
}
.float.right {
float: right;
}
So how I can do this?
Cheers
-----Mensaje original-----
De: Holly Bergevin [mailto:[EMAIL PROTECTED]
Enviado el: viernes, 11 de noviembre de 2005 1:37 pm
Para: Reynier Perez Mira; css-d@lists.css-discuss.org; Reynier Perez
Mira
Asunto: Re: [css-d] Problems with DIV and ubication in page
From: "Reynier Perez Mira" <[EMAIL PROTECTED]>
>Well, after I read and read the pages you leave me and probe the code,
>I obtain the same error. You can take a look at
>http://www.jovenclub.cu/grm/index.php The DIV for images still appear
>over other DIV elements. How can I fix them? They really look ugly.
If I'm understanding the problem, your little images are covering divs
that come after them in the source, sometimes. Those little images are
align="right" which works like floating them. In that light, you'll
probably need to add a clearing element of some kind after the images
but before the next div in order to get them to not overlap.
< div class="clear" > < /div >
.clear {
clear: both; /* you could use clear: right; if they all are on the right
*/
height: 0;
line-height: 0;
font-size: 1px;
}
I hope that helps,
~holly
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
