Thanks so much for your help on this. I've never used static before--I thought it was like "fixed". I have SO much to learn...
On 9/19/06, Gunlaug Sørtun <[EMAIL PROTECTED]> wrote: > 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/ > ______________________________________________________________________ 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/
