6 svar · 598 visningar · startad av olarsson
Jag har tre kollumner med olika innehåll där mängden innhålla varierar. Finns det något någolunda enkelt sätta att göra så att de har flexibel längde beroende på innehållet men ändå alltid går hela vägen ner alla tre?
Tack för hjälpen.
Hur är kolumnerna gjorda, med div-tagg, tabell, något annat?
Någorlunda enkelt? Med dagens CSS? Nej.
Standardlösningen sedan länge kallas "faux columns" och en av de första som upptäckte metoden är Dan Cederholm: http://www.alistapart.com/articles/fauxcolumns/
<skryt>Jag kom faktiskt på just den helt på egen hand, men först långt senare...</skryt>
Andra nyare idéer finns här: http://www.positioniseverything.net/articles/onetruelayout/equalheight och här
http://www.cssplay.co.uk/layouts/3cols2.html
itpastorn skrev:
Någorlunda enkelt? Med dagens CSS? Nej.
Jag orkar inte tänka efter just nu...
Men ligger begränsningarna i själva CSS eller webbläsarnas implementeringar?
Nu slog det mig att display:table och dess kompisar borde kunna göra jobbet om bara stödet fanns.
display:table kommer göra underverk när stödet finns. IE6 och 7 måste först dö sotdöden. Tillsammans med display: inline-block (testat i Acid3) så får vi riktigt bra verktyg. Vi pratar alltså om implementering.
CSS 3 Advanced layout Module ligger många, många år in i framtiden, först som standard (den är långt ifrån implementeringsbar) och sedan med stöd i webbläsarna.
http://www.sitepoint.com/blogs/2008/02/28/table-based-layout-is-the-next-big-thing/
Det vi inte får med display: table är "source order independance", dvs det blir svårt att flytta kolumnerna hur som helst utan att pilla i HTML-koden. Några försök har gjorts, men jag antar att fler kommer.
Här är ett försök: http://www.tjkdesign.com/articles/css-layout/no_div_no_float_no_clear_no_hack_no_joke.asp
Att använda en oordnad lista ser jag som en dålig idé, dock.
Dagens huvudalternativ: absolut position eller floats analyseras bra här: http://reference.sitepoint.com/css/floatvsabsolute
(SitePoints nya referensavdelning är underbar och bör genast ersätta alla besök hos W3Schools!)
Just det: Glömde den bästa källan av dem alla om css-tabeller: http://www.gunlaug.no/contents/wd_additions_22.html
