This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > January 2005 > A framed block next to a float





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author A framed block next to a float
Daniel Déchelotte

2005-01-19, 12:20 pm

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

2005-01-19, 12:20 pm

Daniel Déchelotte <maitre_yodan@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 <steve@pugh.net> <http://steve.pugh.net/>
Daniel Déchelotte

2005-01-19, 12:20 pm

Steve Pugh a écrit :

| Daniel Déchelotte <maitre_yodan@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/
Daniel Déchelotte

2005-01-26, 4:28 am

Steve Pugh a écrit :

| Daniel Déchelotte <maitre_yodan@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/
Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews