LP_MAXI

Roosweb

Erik

Strongbox.se Microsoft.se

Forum > Klientspråk > CSS

100% height på div?

sok
Gradering

#20020

Hej!

Jag har googlat runt och försökt själv en hel del. Enligt mina googlingar så verkar det vara omöjligt att få 100% height på en div utan att nåt annat ska gå snett. Stämmer det, eller har jag missat något? Om jag mssat något, hur får man isånnafall 100% height på en div? Varför är det mycket svårare att få fram än vad 100% width är?

http://www.OscarWellton.se | http://blogg.OscarWellton.se - Tar tag i din webdesign och kodning för hemsidor och dylikt.

Skriv ut

ID: #20020 | Skapades: 2010-07-27 21:20:28 | Tråden har 7 svar och har lästs 163 gånger.

Sv: 100% height på div?

voigtan
voigtan
Gradering

#20021

Beronde på vilken doctype du kör så finns det en hel del lösningar, xhtml kör exempelvis inte 100% på body(och html) elementet, vilket html 4.01 gör.

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375

Redigerades av voigtan den 27 juli 2010. Läs tidigare inlägg.

ID: #20021 | Skapades: 2010-07-27 21:40:47

Sv: 100% height på div?

sok
Gradering

#20022

Jag kör html5, vilket är då bästa sättet?

http://www.OscarWellton.se | http://blogg.OscarWellton.se - Tar tag i din webdesign och kodning för hemsidor och dylikt.

ID: #20022 | Skapades: 2010-07-27 21:45:23

Sv: 100% height på div?

voigtan
voigtan
Gradering

#20023

Jag kör inte med html5, då specen på den är inte ens klar, så det är ju en risk du få ta, jag har ett gamalt exempel i xhtml strict du kan testa på: http://voigt.se/sandbox/100_height/

tycks fungera bra med de html5: http://voigt.se/sandbox/100_height/html5.html

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375

Redigerades av voigtan den 27 juli 2010. Läs tidigare inlägg.

ID: #20023 | Skapades: 2010-07-27 21:50:41

Sv: 100% height på div?

sok
Gradering

#20024

Jo men problemet med den lösningen är att ifall man har en div inuti en annan så måste den diven som är utanpå den innersta också ha height 100%. I mitt fall så förstörs min layout då.

http://www.OscarWellton.se | http://blogg.OscarWellton.se - Tar tag i din webdesign och kodning för hemsidor och dylikt.

ID: #20024 | Skapades: 2010-07-27 22:19:08

Sv: 100% height på div?

voigtan
voigtan
Gradering

#20025

Citerar sok:

Jo men problemet med den lösningen är att ifall man har en div inuti en annan så måste den diven som är utanpå den innersta också ha height 100%. I mitt fall så förstörs min layout då.

Eller så kör du en egen bakgrund där din 100% div skall vara, eller så tittar du på css3 med att få divar att agera som tabeller dock få du ju problem med äldre webbläsare, annars få du lösa det med javascript.

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375

Redigerades av voigtan den 27 juli 2010. Läs tidigare inlägg.

ID: #20025 | Skapades: 2010-07-27 23:11:05

Sv: 100% height på div?

sok
Gradering

#20026

Hur menar du med att köra egen bakgrund på 100% diven?

http://www.OscarWellton.se | http://blogg.OscarWellton.se - Tar tag i din webdesign och kodning för hemsidor och dylikt.

ID: #20026 | Skapades: 2010-07-28 18:42:21

Sv: 100% height på div?

voigtan
voigtan
Gradering

#20027

skapa en bild som "ljuger" för användaren, eftersom wrappern kommer vara 100% så kan du rendera ut "vänster meny" eller vad du skall ha 100% som en bakgrund på wrappern, likt det aspkoll kör på.

Hur man ställer en fråga: http://support.microsoft.com/kb/q555375

ID: #20027 | Skapades: 2010-07-28 20:10:36