HTML & CSSur HTML, XHTML & CSS
3 svar · 1 014 visningar · startad av Toffeldjur
Jag har två divar som ligger bredvid varandra. Dessa ska ha en auto-höjd efter hur mycket innehåll som finns i dem, och jag vill att båda dessa då ska få samma höjd. Jag har försökt med height:auto och 100% på olika sätt, har en div runt dessa två som jag försökt sätta height:auto på och försökt få divarna att fylla ut 100% etc, utan att lyckas.
Jag har försökt googla på problemet, men det känns som att det borde finnas någon enklare lösning på detta problem. Det kan ju inte vara så ovanligt att vilja göra!? :o
Nja... då behöver du nog sätta ett absolut värde på höjden, t.ex. height: 300px.
Vad är det du vill åstadkomma? Ska divarna ha någon bakgrundsfärg/-bild och att det är därför de ska vara lika höga? Du kan skapa en illusion av detta med en teknik som kallas faux columns. Du kan läsa mer om detta här: http://www.alistapart.com/articles/fauxcolumns/
Det går att få divar at bete sig som tabell-element med display: table, table-cell osv osv., men då funkar inte sidan i IE7. Annars får du emulera det.
Det finns inget sätt att sätta height="100%" för divar. Beroende på vad du vill göra kan man få det att se ut som att det blir så ändå, kolla t.ex. metalboys länk.
