> > Ian Young wrote: > > http://www.iyesolutions.co.uk/templates/trossachs/test.html > > > Looks fine in compliant browsers but the heights are nowhere near > > matching up in IE6. > > 1: Add 'display: block' to all images that aren't supposed to be inline > (default). That means all but a few "arrows" in the left column. > > 2: Add '* html div {overflow: hidden;}' to make IE6 respect given > dimensions. > > > Also, although the heights are in ems, they break out at double zoom > > in FF. > > Happens automatically on first load in all browsers but IE6 at my end, > since I have 'minimum font size' / 'ignore font size' set. > > Once you lock the height to 'em', those containers have to scale in both > dimensions if they are to contain growing text. This means you'll have > to set width in 'em' too. > > Since you're using a fixed width, you'll have to set 'height: auto' > (default) if you want them to contain growing text, and find other means > to create that "equal columns" look. > > CSS tables would of course solve the problem, but aren't natively > supported by IE and I wouldn't recommend the workaround. > > regards > Georg
Thanks Georg, Of course, I need to set the widths in ems. Duh! I will look at this later today and see how it looks. Best Ian No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.11.0/929 - Release Date: 31/07/2007 17:26 ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
