Avatar billede el-mouse Nybegynder
03. juli 2007 - 13:45 Der er 11 kommentarer og
1 løsning

max-height og overflow i Internet Explorer

Hej ... Jeg kan ikke få max-height og overflow til at virke i Internet Explorer

.content {
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width:auto;
    min-width:120px;
    max-height: 200px;
    margin:0px 220px 15px 200px;
    border:1px solid black;
    background-color:white;
    padding:10px;
    overflow: auto;
    z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
    }


<div class="content">
    So can you
    </div>

    <div class="content">
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    Test<br />
    </div>

min umildbare løsning ville være at lave height til en fast værdi men så vil korte artikler på min site fylde mere end de bør

Det virker fint i FF (har ikke testet det på mac eller med oracle men WC3 skriver at det skulle være kompatibelt med alt andet end MS:IE til windows
Avatar billede majbom Novice
03. juli 2007 - 13:51 #1
du siger du ikke kan få det til at virke, hvad er det helt præcist den gør som den ikke skal, eller omvendt? :)
Avatar billede el-mouse Nybegynder
03. juli 2007 - 13:55 #2
Den skulle (eller gør i firefox) så snart teksten i mit div tag kommer over 200 pxl lave en scroll bar der viser resten af teksten så en artikkel aldrig kommer til at fylde mere end 200 pxl i højden.

Men hvis artiklen er mindre end 200 pxl skulle den automatisk justere højden så den passer med teksten. Det virker fint i Firefox men det fungere ikke i Internet explorer
Avatar billede olebole Juniormester
03. juli 2007 - 14:58 #3
<ole>

IE understøtter ikke max-height. Du skal sætte en højde for at få det til at virke

/mvh
</bole>
Avatar billede el-mouse Nybegynder
03. juli 2007 - 15:05 #4
Det var lige som det jeg havde konstateret. Derfor søger jeg en work arround. som kan gøre det for mig. Evt med noget java som søger på længden af teksten og retter den ind med en if sætning der søger på om den browser man bruger er IE.
Avatar billede majbom Novice
03. juli 2007 - 15:10 #5
hmm jeg forstår ikke den ikke understøtter det, jeg har så sent som i søndags (1/7) brugt den, og jeg kører kun ie... det virker fint.
Avatar billede olebole Juniormester
03. juli 2007 - 15:13 #6
splazz >> I hvertfald ikke i versioner under 7 - og så er det jo ikke brugbart  =)

el-mouse >> JAVA vil nok ikke være smart, men du kan evt. bruge JavaScript. Dog kan du også bruge conditional comments:

<style type="text/css">
.content {
    position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
    width:auto;
    min-width:120px;
    max-height: 200px;
    margin:0px 220px 15px 200px;
    border:1px solid black;
    background-color:white;
    padding:10px;
    overflow: auto;
    z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}
</style>

<!--[if IE]>
<style type="text/css">
.content {
    height: 200px;
}
</style>
<![endif]-->
Avatar billede olebole Juniormester
03. juli 2007 - 15:15 #7
- og du kan evt. bruge:
    <!--[if lt IE 7]>
        ... ... ...
    <![endif]-->
- for browsere lavere end version 7
Avatar billede el-mouse Nybegynder
03. juli 2007 - 15:38 #8
Well det er ikke perfekt ... but it does the trick.
... er ny her hvordan giver jeg dig så de 30 pts ?
Avatar billede majbom Novice
03. juli 2007 - 15:38 #9
-> olebole, ja jeg har kun tjekket i IE7 :)
Avatar billede olebole Juniormester
03. juli 2007 - 15:53 #10
Jeg lægger bare et svar  =)
Avatar billede olebole Juniormester
03. juli 2007 - 15:54 #11
Ups  :D
Avatar billede olebole Juniormester
04. juli 2007 - 13:14 #12
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