Lorin Rivers wrote:
> Do you have suggestions in that regard?
>>> <http://mosasaur.dyndns.org:8080/austin_apartment.html>
Sure :-)
Generally: don't lay out main parts of pages with 'position: absolute'.
Everything that involves text will need space to grow, and that means
other element must move to provide that space. Absolute positioned
elements are independent of each other - unless they are nested, so they
will simply overlap each other when they run out of space.
Normal flow and floats will adjust to their non-positioned surroundings,
so that's a much safer choice for most layouts.
Quick test: copy and paste the following in the page head - *below* all
stylesheet links...
<style type="text/css">
/*<![CDATA[*/
#content,#thumbs,#footer{position: static; float: left; width: 560px;}
#content {margin: 100px 0 10px 150px;}
#thumbs,#footer {clear: left; margin: 0 0 0 150px;}
/* kill the 'margin-doubling on floats' bug in IE6 */
#content,#thumbs,#footer{display: inline;}
/*]]>*/
</style>
...and it will take over main parts in that page. The 'position: static'
nullifies all your positioning from #content down, and then I turn those
elements into floats and adjust them into place by using margins.
I haven't "perfected" any of this - it's just an example, so there's
plenty of room for more adjustment.
This should give you some ideas on how to create a self-adjusting
layout, and as you will see: I have not taken over all absolute
positioned elements. You can of course turn everything into floats
and/or normal flow, but that isn't really necessary.
regards
Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
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/
