div inside div with text

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

F.N. - 27 Jan 2006 16:03 GMT

Hi, I can´t find the right CSS for this design:

www.geocities.com/josealberto1975/mm/forum/w3_css_div_20060127.png

It's one DIV frame inside another one (DIV) but it's ok how I created,
the problem is the text, when I tried to include text paragraph
(without <p>) the inside DIV began to low and float:right doesn`t work.
How could I do?

Note: the inside DIV will include tables with php news, search form and
more. It`s like that because visibility:visible could be hidden when I
want (with PHP), so I can set visibility:hidden (or another way) in
case I decide.

Regards,
J. Alberto
F.N.

Reply to this Message

Tony - 27 Jan 2006 18:22 GMT

> Hi, I can´t find the right CSS for this design:
>
[quoted text clipped - 4 lines]
> (without <p>) the inside DIV began to low and float:right doesn`t work.
> How could I do?

Probably better to post code rather than screenshots.

You probably have the right-floated div after the text:

<div>
Text here
<div style="float:right">
contents here
</div>
</div>

Try moving the floated div to BEFORE the text:

<div>
<div style="float:right">
contents here
</div>
Text here
</div>

If I'm understanding you correctly, that will have the result you want.

> Note: the inside DIV will include tables with php news, search form and
> more. It`s like that because visibility:visible could be hidden when I
> want (with PHP), so I can set visibility:hidden (or another way) in
> case I decide.

visibility: hidden will make the DIV not show up, but it will still
take up space. To have it not show AND not take up space, use
display:none;

Reply to this Message

Tony - 27 Jan 2006 18:23 GMT

> Hi, I can´t find the right CSS for this design:
>
[quoted text clipped - 4 lines]
> (without <p>) the inside DIV began to low and float:right doesn`t work.
> How could I do?

visibility: hidden will make the DIV not show up, but it will still
take up space. To have it not show AND not take up space, use
display:none;

Reply to this Message

F.N. - 30 Jan 2006 14:54 GMT

Thank you Tony, It works very good.

Next time I'll post the code.

Regards,
J. Alberto
F.N.

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / January 2006

div inside div with text