At 19:00 +0100 18.02.2005, Bruno Fassino wrote:
>Ellen Herzfeld wrote:
>> My question is: is there a way to get rid of the scrollbars in IEWin?
>Something can be done, playing with negative margins. I know of two methods.
>1) Simpler, but requires knowledge of the total width of left column + large
>object in fluid column. Let's call wmin this value.
>Essentially you give your image margin-right:-wmin and add inside the
>wrapper (that contains the two columns) a sort of propping div with
>width:wmin (and height 1px to make it not to take too space.)
>2) More complex, but more general (and do not require the 'propping' div and
>also has other advantages.) Instead of using a floated column and a not
>floated one, make both floated, using the negative margin technique that
>allows to have a fluid 100% wide floated column beside a fixed width one. As
>a side effect you have no more dropping.
>I have a couple of simple test cases:
>a) http://brunildo.org/test/IE_fdi11.html here you have the drop (ignore
>the orange box, that here simply demonstrates that it is not sufficient to
>emulate min-width in IE/Win.)
>b) http://brunildo.org/test/IE_fdi12.html this employs method 1,
>c) http://brunildo.org/test/IE_fdi15.html this employs method 2.
Many thanks. I've been out of touch with CSS for a while and I see
progress has been made.
Method 1 works fine. I find it possible to give the opener div a
height of 0 instead of 1, so it takes no space at all. Also, in my
case, as I use ems for the width of the floated div, I can't know the
exact width to give to the negative margin and to the opener div. I
used a reasonably large size (-900px for the negative margin and
1280px for the width of the opener div). No adverse effects seen.
test page: http://ansible.xlii.org/web_design/CSS/float_drop/float_drop2.html
I used your background image. I hope you don't mind.
I have not yet tried on the live site.
Method 2 is more elegant but still needs additional divs. Also, here,
it does work fine in IEWin6, but in IEWin5.0 and 5.5, the left float
drops below the right one.
What do you mean by "more general" and "also has other advantages"
for method 2?
Quarante-Deux : quelques pages sur la Science-Fiction
Ellen C. Herzfeld - Dominique O. Martel
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/