03. juli 2007 - 13:45Der 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. */ }
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
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.
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>
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.