[css-d] Two flexible-width child 'cells' inside of a fixed-width container (IE8 'display: table-x' issue?)

Periodically I come across a situation where the layout calls for two cells/columns inside a fixed width container, with one cell only as wide as a needs to be to contain its content, and the other taking up the rest of the width of the parent container. The table markup one might use to do this

[css-d] Arbitrary extra space above element in Moz/Webkit goes away when bordered?

I've got a page in which I get about 80 pixels of apparently arbitrary space inserted between two sections of a page in Firefox and Safari. http://weston.canncentral.org/web_lab/MozArbSpaceAboveBlock/problem.html http://weston.canncentral.org/web_lab/MozArbSpaceAboveBlock/TopGun.css The extra

Re: [css-d] Arbitrary extra space above element in Moz/Webkit goes away when bordered?

On 3/19/08, Valerie Wininger [EMAIL PROTECTED] wrote: Well, the space is coming from the 81px top margin on the #banner div... Can you make the banner float next to the photo instead of taking up the full width behind it? Thank you! This works:

[css-d] IE 6 ignores margin on statically positioned div; also, background drop-out.

This one's new to me: I don't recall IE6 messing up margins on a statically positioned container before, but this appears to be what I've got: http://weston.canncentral.org/web_lab/Arteis/MoboUbiq/ The box with the yellow border is the one I'm having trouble with. It's styled like so: