A framed block next to a float

[Daniel Déchelotte]

Hi crowd,

Please have a look at this page, where I try to have a framed block next to
a floated one: http://yo.dan.free.fr/float_n_div.html

Above is the best result I got so far. Works in (decently recent) IE and
gecko-based browsers, unperfect in Opera. Below is what I try to avoid: the
border and the background of the grey block extend below the red square
(normal behaviour, but unpleasant one).

Does my trick fail in browsers I have not tested? Do you have a better
solution?

--
Daniel Déchelotte
http://yo.dan.free.fr/

[Steve Pugh]

Daniel Déchelotte <ma**********@fr.club-internet.invalid> wrote:

Please have a look at this page, where I try to have a framed block next to
a floated one: http://yo.dan.free.fr/float_n_div.html

Above is the best result I got so far. Works in (decently recent) IE and
gecko-based browsers, unperfect in Opera. Below is what I try to avoid: the
border and the background of the grey block extend below the red square
(normal behaviour, but unpleasant one).

Does my trick fail in browsers I have not tested? Do you have a better
solution?

Why not just give the grey box a margin-left of slightly more than
10em?

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net> <http://steve.pugh.net/>

[Daniel Déchelotte]

Steve Pugh a écrit :

| Daniel Déchelotte <ma**********@fr.club-internet.invalid> wrote:
|
| >Please have a look at this page, where I try to have a framed block next
| >to a floated one: http://yo.dan.free.fr/float_n_div.html
|
| Why not just give the grey box a margin-left of slightly more than
| 10em?

Because of the case where the text is big enough/the viewport is narrow
enough to let the framed box "spill" below the floated box.

--
Daniel Déchelotte
http://yo.dan.free.fr/