FAQ |
Kalender |
2010-06-07, 22:47 | #1 | ||
|
|||
Har WN som tidsfördriv
|
Hej alla glada,
jag har letat och letat svar på denna fråga utan att hitta något vettigt... någon som vet hur man får svävande div element inuti ett föräldraelement att få samma höjd som föräldraelementet? Jag är ute efter en ren CSS lösning. Obligatoriska koden: PHP-kod:
|
||
Svara med citat |
2010-06-07, 23:06 | #2 | ||
|
|||
Har WN som tidsfördriv
|
du kan använda
Kod:
height: 100%; så om din höjd är olika, så sätt 100% på .container och body |
||
Svara med citat |
2010-06-07, 23:34 | #3 | ||
|
|||
Flitig postare
|
Det går inte. Du kan inte få en div att följa storleken av en annan div.
Men om du har detta kravet för rent grafiska ändamål kan du fejka det med Faux Columns (http://www.alistapart.com/articles/fauxcolumns/) |
||
Svara med citat |
2010-06-07, 23:41 | #4 | |||
|
||||
Mycket flitig postare
|
HTML-kod:
<!doctype html> <html> <head> <title>untitled</title> <style> html, body { height: 100%; margin: 0; padding: 0; } #wrapper { display: table; width: 960px; background: #eee; border: 1px dotted #aaa; margin: 0 auto; } .column { display: table-cell; height: 100%; } .column.one { background: #222; color: #fff; } .column.two { background: #888; color: #000; } </style> </head> <body> <div id="wrapper"> <div class="column one"> foo </div> <div class="column two"> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> <p>bar baz</p> </div> </div> </body> </html> |
|||
Svara med citat |
2010-06-08, 08:22 | #5 | ||
|
|||
Klarade millennium-buggen
|
fast fungerar det inte att använda
position:absolute;top:0;left:0;bottom:0;right:0; föräldraelementet satt till position:relative IE7 och äldre har inte stör för display: table-cell; |
||
Svara med citat |
2010-06-08, 09:09 | #6 | ||
|
|||
Har WN som tidsfördriv
|
det är möjligt att det går att använda men hela saken var ju att de 2 barnelementen skulle vara svävande och inte absolut positionerade.
IE bryr jag mig inte ett ruttet öre om dock, enbart webbläsare som följer W3C standard (Opera, FF, Webkit). Senast redigerad av jayzee den 2010-06-08 klockan 09:16 |
||
Svara med citat |
2010-06-08, 09:13 | #7 | ||
|
|||
Klarade millennium-buggen
|
good then.
|
||
Svara med citat |
Svara |
|
|