Avatar billede Slettet bruger
01. marts 2011 - 10:56 Der er 8 kommentarer og
1 løsning

DIV til at gå fra top til tå.

Hejsa.

Jeg skal have en div, til at gå fra toppen af browseren til bunden..
Height:100%; fungere ikke.
Når der så, hvis der gør, kommer tekst eller andet udover bunden, så skal den bare forsætte.. Derfor kan jeg ikke nøjes med at tilpasse den med 800px; fx. Håber i forstår :)

Hvordan gør jeg dette? :-)
Avatar billede claes57 Ekspert
01. marts 2011 - 11:01 #1
i css start med
body {
margin:0;
padding:0;
height:100%;
}
så har du maksimeret body, og så kan du sætte div height til 100% også.
Avatar billede Slettet bruger
01. marts 2011 - 11:06 #2
Det fungerer ikke. Min CSS ser således ud:

body{margin:0;padding:0;height:100%;background-color:#f26122;}
#wrapper{}
#header{width:100%;height:35px;background-color:#F88F03}
#main{
border:1px solid #00000;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
-moz-box-shadow:1px 5px 10px 1px #FFF;
background-color:#ed1c24;
margin:auto;
width:600px;
height:100%;
}
Avatar billede claes57 Ekspert
01. marts 2011 - 11:22 #3
jeg tog det fra
http://www.webmasterworld.com/forum83/200.htm
hvor det virker
men jf http://codesnippets.joyent.com/posts/show/938 så skal du måske have
#wrapper{min-height:100%;height:auto;}
Avatar billede Slettet bruger
01. marts 2011 - 11:35 #4
Jeg kan ikke få nogle af dem til at fungere. Jeg gør præcis som der står i artiklerne. Det virker lidt underligt.
Avatar billede Slettet bruger
01. marts 2011 - 11:41 #5
Så er den der.

Nu har jeg bare et nyt problem:

Jeg har en header, med en height på 35px. Og det tager den så med i bunden, så der kommer en scrollbar.. Det vil jeg ikke have.

Er det overhovedet muligt, at gøre så den "ignorere" de 35px?
Avatar billede claes57 Ekspert
01. marts 2011 - 11:45 #6
placér header inde i en ydre wrapper med 100% højde, og lav din nuværende wrapper ligger under headeren.
Avatar billede Slettet bruger
01. marts 2011 - 11:49 #7
Ups, nu går det stærkt synes jeg. Kan du lave et hurtigt CSS?
Avatar billede Slettet bruger
02. marts 2011 - 08:18 #8
Claes kan du ikke smide et svar. jeg fik det til at fungere :) Tak for din altid konstruktive og hurtige hjælp! :)
Avatar billede claes57 Ekspert
02. marts 2011 - 11:10 #9
ok - håber jeg kan finde nyttige links til dig også fremover.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester