Avatar billede fanatic Nybegynder
20. marts 2007 - 16:22 Der er 8 kommentarer og
1 løsning

"min-height" fungerer ikke med IE

Hej Eksperter.

Det ser ud som om at IE ikke forstår denne definition: min-height: 600px; Det virker fint i FF.

Jeg ønsker at min web site skal have en bestemt højde og ikke krybe ned i en minimal højde blot fordi der ingen tekst er på siden.

Kan man ikke lave en minimumshøjde på et div som også IE forstår?
Avatar billede rowl Nybegynder
20. marts 2007 - 16:37 #1
IE understøtter ikke min-height, tilgengæld opfører height sig som min-height. Dog kun i IE.
Mig bekendt findes der ingen cross-browser-løsning.
Tilgengæld burde dette "hack" løse problemet:

#dit_id {
min-height:600px;
}

*html #dit_id {
height:600px;
}
Avatar billede sibbelone Nybegynder
20. marts 2007 - 19:39 #2
mener ikke at det rowl skriver er rigtigt
men går sådan her så virker det

Den første del er til ie 6
.din_div {
    position: relative;
    width: 975px;                       
    height: 200px;
    float: left;
    font-size: 10px;
    background-color: #FFFFFF;
    border: 1px solid #000000;}

og den anden del er til alle andre, den kode herunder læses ikke af ie 6 men af alle andre og så virker det.
   
html>body .din_div {   
    min-height: 100px;
    height: auto;}
Avatar billede sibbelone Nybegynder
20. marts 2007 - 19:42 #3
min-height: 100px;  gør at der div boksen altid har en minimums højde og
height: auto; gør at div boksen udvider sig i alle de andre browser.
i ie6 vil den automatisk udvide sig bare man har sat height: 200px;
Avatar billede roenving Novice
20. marts 2007 - 20:46 #4
IE6- undersøtter _ikke_ min-height ...
Avatar billede sibbelone Nybegynder
20. marts 2007 - 22:40 #5
nej det er rigtigt men den ser heller ikke den del hvor der står min-height når der står html>body før
ie 6 ser kun den øverste kode hvor der står height: 200px;
Avatar billede fanatic Nybegynder
21. marts 2007 - 10:36 #6
Tak for hjælpen....

Det ser nu ud til at det rowl foreslår virker fint. I hvert fald i IE6 og FF2. Så nu har jeg følgende i min css:

div#leftcontent {
    width: 180px;
    float: left;
    padding: 5px;
    background-color: #DDD6BD;
    min-height:600px;
}

*html #leftcontent {
    height:600px;
    width: 180px;
    float: left;
    padding: 5px;
    background-color: #DDD6BD;
}

Det burde vel ikke skabe nogen problemer, eller hvad?
Avatar billede roenving Novice
21. marts 2007 - 10:45 #7
Næh, men der er jo ingen grund til at skrive mere end nødvendigt, så du kan nøjes med:

div#leftcontent {
    width: 180px;
    float: left;
    padding: 5px;
    background-color: #DDD6BD;
    min-height:600px;
}

*html #leftcontent {
    height:600px;
}

-- eller det omvendte:

div#leftcontent {
    width: 180px;
    float: left;
    padding: 5px;
    background-color: #DDD6BD;
    height:600px;
}

html>body #leftcontent {
    min-height:600px;
Avatar billede fanatic Nybegynder
21. marts 2007 - 12:51 #8
Ja det er selvfølgelig en god pointe!

rowl får point da han svarede først med en brugbar og simpel løsning.

Tak til jer ALLE! :-)
Avatar billede rowl Nybegynder
21. marts 2007 - 16:16 #9
Tak for point :-D
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