From: "Eric A. Meyer" <[EMAIL PROTECTED]>

> Hey all,
>
>    I have a problem in IE/Win that's driven me straight up the wall,
> across the ceiling, down the other side, and under the carpet.
> Here's my minimal test case:
>
>    http://meyerweb.com/eric/css/tests/float-contain.html
>
> What I'm trying to do here is simulate 'min-width' for the #contain
> div by setting an explicit width of 675px on #topper.  And, indeed,
> #contain stops shrinking when it's just wide enough to contain
> #topper.  The problem is the floated "columns", #main and #sidebar,
> which have percentage widths and keep shrinking with the browser
> window.
>    So the problem is that while I've managed to stop #contain from
> shrinking past a certain point, the "columns" aren't treating it as
> their containing block for the purposes of width calculation, which
> completely defeats the purpose.  Anyone have a way to make the
> columns use #contain as their containing block in IE/Win?  I Googled
> about and came up empty.
>    If you're having trouble visualizing what I'm trying to do, test
> the above-referenced file in Firefox or Safari or any recent browser
> other than IE/Win and you'll see what I'm after.
>    (And I even tried 'expression' on 'width' for #contain to 
> simulate
> 'min-width' in IE/Win.  The expression locked up IE/Win as soon as
> the "narrower than 675" condition was invoked-- so that's not a
> viable solution either, even if it were on-topic, which it wouldn't
> be.  But I thought I'd mention what happened in case anyone was
> thinking of suggesting it.)

I would never dream of suggesting that to you ;-)  - though the type 
of expression used is likely what caused the loop. Most of the 
expressions offered as solutions on this list are not well-written 
and/or require that IE be in quirks mode (whether the author 
understands that or not). I think the problem IE is having is with 
both floated DIVs being assigned a percentage width. That invokes some 
very irksome behavior, as you can see. Can you get away with one fixed 
width DIV?

I imagine a hack might be possible, though I can't imagine how right 
now, and it might result in unnecessary complication. I'm anxious to 
see if anyone can come up with a simple CSS solution, though :-)

Al Sparber
PVII
http://www.projectseven.com

"Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday".


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to