Avatar billede stivstikker Nybegynder
15. juli 2003 - 22:43 Der er 12 kommentarer og
1 løsning

Minimums højde for en div-box

Hej alle

Er der en eller anden som ved om man kan sætte minimums højden for en div-box?

MVH
stivstikker
Avatar billede ahv Nybegynder
15. juli 2003 - 22:44 #1
2px;
Avatar billede ahv Nybegynder
15. juli 2003 - 22:45 #2
Men man kan godt tricke den til 1px ->

http://www.eksperten.dk/spm/364929
Avatar billede stivstikker Nybegynder
15. juli 2003 - 22:53 #3
Jo her taler vi vist om den mindst mulige højde, men jeg taler om at jeg bestemmer den mindste højde en give div-box må have og at den så udvider soger hvis der er mere tekst end det :)
Avatar billede stivstikker Nybegynder
15. juli 2003 - 22:53 #4
soger -> sig
Avatar billede nicklasb Nybegynder
15. juli 2003 - 23:05 #5
min-height: 50px; ??
Avatar billede nicklasb Nybegynder
15. juli 2003 - 23:07 #6
altså som der også er forklaret her: http://www.w3schools.com/css/pr_dim_min-height.asp
Har jeg fattet spørgsmålet forkert, eller har du bare ikke prøvet det mest nærliggende?!? ;D
Avatar billede roenving Novice
15. juli 2003 - 23:58 #7
Medmindre en div umuligt kan indeholde det den skal indeholde vil den forsøge at overholde en height-indstilling ...
Hvis det så er umuligt vil den udvide sig, men at angive overflow til hidden eller auto vil forhindre den i at udvide sig:

<div style="border:1px solid black;height:100px;overflow:hidden;">
<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1</div>
Avatar billede swuppe Nybegynder
16. juli 2003 - 11:12 #8
min-height er som nicklasb foreslår den korrekte metode, desværre er den ikke indbygget i særligt mange browsere, endnu. Således virker det bl.a. ikke i IE, men så vidt jeg ved virker det i Mozilla (i hvert fald i de nyeste versioner).

roenvings forslag er nok det tætteste du kommer, men diven vil så altid være 100px høj, hvilket ikke var målet så vidt jeg forstod.
Avatar billede roenving Novice
16. juli 2003 - 12:51 #9
Hvis du angiver en højde for en div vil det fungere som en minimumshøjde ...

Hvis du fjerner de fleste linjer i ovenstående eksempel vil du se, at div'en aldrig bliver mindre end det tal som er angivet (de 100px !-)
Avatar billede roenving Novice
17. juli 2003 - 00:53 #10
-- og fjerner man overflow:hidden udvider den sig med indholdet !-)
Avatar billede stivstikker Nybegynder
17. juli 2003 - 00:59 #11
Giv mig et svar istedet for en kommentar og du har pointene
Avatar billede roenving Novice
17. juli 2003 - 01:00 #12
Selvfølgelig -- var ikke lige opmærksom !o]

Velbekomme '-)
Avatar billede roenving Novice
17. juli 2003 - 01:09 #13
-- og tak for points ;~}
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