On Dec 22, 2007 11:48 AM, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > Jeroen wrote: > > > I see you added a width of 510px to the details container, the problem is > > I don't know the size beforehand, it changes with every photo. The pblog > > software I use only gives out the width of the photo (533px) in this case. > > > > Is there a way to do it with percentages / relative? I can hack it in with > > javascript easily, but this will cripple it when JS is disabled. > > Reducing styling of details to a minimum and include a 'hasLayout' > trigger, will work reasonably well... > > #details { > padding:10px; > height: 1%; > > }
Thanks that works like a charm. See: <http://test.intellit.nl/test.html>. How does the aligning of the floats work? When they both have the same font-size, they align perfectly. The top and bottom are aligned the same. (I'm using outline-blocklevel elements in the webdeveloper toolbar). When I change the font size (like in the URL) for some reason the smallest float goes down a bit; it doesn't align at the top. I expected the bottom not the be at the same height, but not the top. Why does it work that way? -- Jeroen ______________________________________________________________________ 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/