On Mar 3, 2009, at 8:09 PM, Ian Young wrote:
> Moving on from yesterday's vertical align div, I have set up code to
> vertically align images in a wrapping div.
>
> That's fine. However, images which are larger than the div and which
> normally would be controlled by overflow:hidden, now spill over.
>
> Any thoughts?
>
> http://www.iyesolutions.co.uk/templates/whitehousestudios/aerial.html
#picWrapper {table-layout:fixed;}
ought to work in decent browsers
remember that width on table [*] / table-cell is more akin to min-
width than width.
[*] table with table-layout:auto, the default. The width of the cell
and table ultimately depends on the width of the contents of the cell.
Note also that margins don't have any effect on elements with display:
table-cell. You can eventually use the border-spacing property.
<http://www.w3.org/TR/CSS21/box.html#propdef-margin>
Philippe
---
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
