div inside div with text

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

http://www.geocities.com/josealberto...v_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.

F.N. wrote:

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

http://www.geocities.com/josealberto...v_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?

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;

F.N. wrote:

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

http://www.geocities.com/josealberto...v_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?

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;

Thank you Tony, It works very good.

Next time I'll post the code.


Regards,
J. Alberto
F.N.