28221 sujets

CSS et mise en forme, CSS3

Tut. "Zone scrollable en CSS" pbm avec IE.

Bonjour,

Voila j'ai repris le tutoriel du site pour simuler une frame, en sachant que le div "frame" doit scroller horizontalement seulement.
Ca fonctionne parfaitement.. sauf avec IE (le div haut ne veut pas rester en place!!!)

voila le code. J'ai peut etre oublié quelque chose (m'etonnerait pas de moi.....), rajouter un truc.. enfin c'est peut etre evident mais vu mon niveau j'avoue que ca me depasse un peu si vous pouviez m'aider ca serait sympa... 


<html>
<head>
<style>
body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;
}

.haut {
position: absolute:
top: 0 px;
left: 0px;
height: 5%;
background-color: #06C;
color: #fff;
font-size: 36px;
padding: 0px;
}

.frame {
margin-left: 0px;
margin-top: 0px; 
width: auto;
height:95%;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
font-size: 14px;
}
</style>
</head>

<body>

<div class="haut">menu</div>
<div class="frame">
blabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalab
<br> contenu <br>
blabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalab
<br> contenu <br>
blabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalabblabalab
</div>

</body>
</html>
Administrateur
Essaye déjà de mettre des "vrais" mots existants, car ici il ne risque pas d'aller à la ligne s'il n'y a pas d'espaces dans ton mot unique Smiley cligne

PS : je modifie ton post en rajoutant les balises de code.
Sujet clos
Aller à