Avatar billede pnr Nybegynder
16. maj 2006 - 14:24 Der er 7 kommentarer og
1 løsning

Hjælp til dynamisk højde på div

Jeg har en div som bruges i forbindelse med et CMS system, i Den div ligger der et baggrundsbillede som er plaveret i bunden af div'en:

#indhold
{
    width:563px;
    height: 469px;
    padding: 20px 15px 25px 15px;
    border-right:1px solid #000000;
    background-color:#f2ffff;
    background-image:url(../images/raster_bund.gif);
    background-repeat:repeat-x;
    background-position:bottom;
    float:left;
}

Miniums højden på den div skal være 469px, men den kan blive større på grund af det dynamiske indhold. Det jeg har lavet virker fint i IE, men alle andre brovsere ændre ikke på højden af div'en, hvis der fyldes mere inhold i end der kan være.

hvordan løser jeg det problem?
Avatar billede olebole Juniormester
16. maj 2006 - 15:46 #1
<ole>

I browsere, der overholder CSS2.1 kan du bruge 'min-height':
    http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height

/mvh
</bole>
Avatar billede pnr Nybegynder
17. maj 2006 - 08:53 #2
Hej Olebole, tak for din kommentar!

Hvis jeg bruger min-height virker det i Mozilla men ikke i IE, så hvad kan jeg gøre for at det virker i begge browserer?
Avatar billede pnr Nybegynder
17. maj 2006 - 09:01 #3
Er det her den rigtige måde at løse det på:

<!--height: 472px;-->
min-height: 469px;
Avatar billede pnr Nybegynder
17. maj 2006 - 09:03 #4
Det kan åbenbart ikke validere :-(
Avatar billede pnr Nybegynder
17. maj 2006 - 09:08 #5
Ser ud til at den kan løse sådan her:

* html #indhold
{
    height: 472px;   
}

Er det den korrekte måde?
Avatar billede pnr Nybegynder
19. juni 2006 - 11:54 #6
olebole smid et svar så deler vi point!-)
Avatar billede pnr Nybegynder
04. juli 2006 - 09:01 #7
Hallo olebole
Avatar billede pnr Nybegynder
01. august 2006 - 09:55 #8
Så lukker jeg selv
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