I'm using the FAUX method but the background is only repeating if the content gets longer. If the rightnav or leftnav gets longer as the content then the background isn't repeating anymore.
Leftnav longer http://www.johnsten.com/test/leftnav.htm Content longer http://www.johnsten.com/test/test.htm Rightnav longer http://www.johnsten.com/test/rightnav.htm Is it posible to get this working with floats ? -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Sander van Surksum Sent: dinsdag 14 februari 2006 10:20 To: [email protected] Subject: Re: [css-d] 3 colomn layout autosize leftnav content and rightnav Thanks a lot I also received a message from Lex with the FAUX method I will try them out en will let you now what works best for me. -----Original Message----- From: Lex [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Sent: dinsdag 14 februari 2006 9:38 To: Sander van Surksum Subject: Re: [css-d] 3 colomn layout autosize leftnav content and rightnav use the FAUX column technique. www.alistapart.com -----Original Message----- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun Sent: dinsdag 14 februari 2006 10:06 To: [email protected] Subject: Re: [css-d] 3 colomn layout autosize leftnav content and rightnav Sander van Surksum wrote: > I'm using the 3 colomn layout with a width of 775px. The leftnav has a > bg image en the rightnav has a border-left. Sometimes the leftnav, > content or the rightnav are longer as the others. So al the colomn has > to auto stretch but i can't figure out what i'm doing wrong. > > Is this posible with floating elements or do I have to use position: > absolute; for every colomn? > > http://www.johnsten.com/test/test.htm General advice: avoid using absolute positioning as main layout-method. AP-layouts tend to become too rigid and inflexible - mostly because IE/win has severe limitations when it comes to 4-side positioning. OTOH: this... <http://www.projectseven.com/tutorials/css/holy-gruel/juanpercent.htm> ...looks like a working solution - with absolute positioned elements and all. You may also find this alternative useful... <http://www.alistapart.com/articles/holygrail> ...and Ryan Brill's 'negative margins' is still working well... <http://www.alistapart.com/articles/negativemargins> Other layouts along the same lines, using floats and flow, are around - waiting for a search. Look in the css-d wiki also. Most, if not all, can be styled for 'fixed width' and 'any column longest - same apparent height' layouts. I use a variant of Ryan Brill's 'negative margins' myself - which is styled to fall back to fixed width in IE/win if one turns off javascript support in that browser... <http://www.gunlaug.no/contents/molly_1_18.html> ...but that layout-version may be a bit too complex with its undocumented 'imageless faux columns' and other 'personal garbage', so it's more of a demo of what one can do with floats and flow. 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/ ______________________________________________________________________ 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/
