Sent by Gunlaug_Sørtun on 28 April 2006 16:04
Eystein Alnaes wrote:
>> How do I make the 'summery' render in below the 'content' in the
>> browser?
Cem Meric wrote:
> You could try this;
>
> http://kalkadoon.net/sandbox/below/summary.html
That solution is on the right track, but you've got the
positioning-logic wrong and end up with something that is depending on
window-height. That gives tall gaps on tall windows and overlapping on
short windows.
Positioning something below something else is best done by positioning
its 'top', not its 'bottom'.
By setting 'top: 100%' relative to the container, we won't need to know
how tall 100% is either. Browsers have already calculated the value for us.
I borrowed your page (to save me from creating one :-) ), and altered
some CSS in there.
This is the result: <http://www.gunlaug.no/tos/alien/test_3330.html>
---
Eystein,
the use of absolute positioning will put some heavy restrictions on a
complete page-layout since it'll take the <summary> out of the flow, but
I don't know of another way to do it with CSS only.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- 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/