Avatar billede michaelthomassen Nybegynder
23. juni 2007 - 19:58 Der er 3 kommentarer og
1 løsning

Overflow i div

Jeg har placeret indholdet på min side i en DIV, og vil gerne have denne div til at scrolle horizontalt hvis der er overflow i bredden, men altid vise hele indholdet i højden.

En simplificeret udgave af min kode;

<html>
<head>
<style type="text/css">
.style1 {
    background-color:#CCCCCC;
    height:auto;
    width:120px;
    overflow-x:scroll;
}
</style>
</head>

<body>
<div class="style1">
mmmmm mmm mm mm<br />
Mmmmmmmmmmmmmmmmmmmmmmm
</div>
</body>
</html>

Problemet er så at den horizontale scrollbar er der stadig (grey'ed out) hvis der ikke er overflow i bredden. Hvis jeg sætter overflow-x til auto bliver den nederste linie tekst i boxen dækket af scrollbaren.

Nogen der har en løsning på dette?
Avatar billede mikkelk Nybegynder
23. juni 2007 - 21:50 #1
Umiddelbart ser det ud til kun at være i IE det er et problem. Jeg kan ikke umiddelbart finde nogen løsning, men et bud på et "hack" kunne være:
<style type="text/css">
.style1 {
    background-color:#CCCCCC;
    height:auto;
    width:120px;
    overflow-x:auto;
    overflow-y:hidden;
    padding-bottom:20px;
}
</style>
Avatar billede mikkelk Nybegynder
23. juni 2007 - 21:54 #2
Og så kan jo altid vælge at gøre det IE-specifikt:
http://joseph.randomnetworks.com/archives/2005/05/25/ie-specific-css/
Avatar billede michaelthomassen Nybegynder
23. juni 2007 - 23:00 #3
God idé med de 20px padding i bottom, det ser ud til at virke uden at påvirke resten af mit design.

Takker for hjælpen, smid et svar :)
Avatar billede mikkelk Nybegynder
23. juni 2007 - 23:14 #4
Det var så lidt
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