Sent by Philippe Wittenbergh on 9 August 2004 05:05
On Aug 9, 2004, at 11:37 am, Leonie Price wrote:
> I'm perfectly friendly to people who don't patronise me (quote: "Eh,
> why are you doing this") and actually answer the question that was
> asked (thank you Philippe).
>
>
> Philippe:
>> It should work without that gif file. Maybe the contents in the other
>> cells force the near empty cell to collapse.
>> Some url with the code would be helpful.
>
> The content in the surrounding cells doesn't effect the collapsing
> behaviour. It collapses, though strangely not completely even when
> the cell is empty, when there is not enough content to keep it open.
> I was hoping for a way to turn off this behaviour, or at least set a
> minimum width.
Based on the url you send me off list, what you want is a 'table' (a
wrapper div with display:table) spanning the whole width of the
viewport, containing 3 columns, the side columns (sidebar) have a fixed
width.
(I understand that you might not want put the url on a public list, but
without seeing what you want to do, people can't help. Build a
simplified test case if needed.)
Now, your middle column (with no width defined) collapses in width if
not enough content to expand it. This is the normal behaviour of
display:table-cell.
It surprises me a bit that declaring a min-width on the middle column
doesn't have any effect (based on my own test file; tested in Gecko
recent builds). I'd have to read the specs again to make sure the why
and what of this; I haven't had time yet, lots of work in front of me.
One possible solution is to wrap all the contents of you middle column
in a div, and assign a min-width to that div.
It it where me, I would use floated boxes instead. There are lots of
3column layouts in the wiki that you can use as a template.
<http://css-discuss.incutio.com/?page=ThreeColumnLayouts>
Philippe
---/---
Philippe Wittenbergh
now live : <http://emps.l-c-n.com/>
code | design | web projects : <http://www.l-c-n.com/>
IE5 Mac bugs and oddities : <http://www.l-c-n.com/IE5tests/>
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
