Bonjour à tous,
je viens vers vous parce que j'ai un léger souci avec mes containers.
Ok, alors ce qu'il se passe c'est que j'ai créé trois blocs, deux avec des largeurs et hauteurs définies qui sont en position "fixed", et un autre auquel j'ai simplement attribué une largeur, son contenu étant variable.
Le souci vient du fait que quand j'insère du texte dans un de mes premiers blocs celui-ci en déborde largement et c'est pareil si je met une image dans le troisième. Je croyais que c'était du à l'attribut "position" et au fait que certains blocs sortaient du flux mais apparemment ça n'est pas le cas. Je m'étonne parce que les dernières fois que j'ai fais cette manip avec un contenu plus grand que la zone d'accueil des scroll apparaissaient automatiquement
Si quelqu'un a une idée je suis preneur.
Merci à tous d'avance.
CSS:
/*CONTAINER*/
.menu{
width: 120px;
height: 150px;
left: 30px;
top: 15px;
position:fixed;
padding: 0;
background-color: #0ff;
border: 1px solid;
}
.work{
width: 120px;
height: 500px;
left: 30px;
top: 180px;
position: fixed;
background-color: #f0f;
}
.news{
width: 465px;
top: 16px;
left: 180px;
/*background-color: #f9ff00;*/
position: absolute;
}
HTML:
<body>
<div class="menu"><p class="text">ldfgodfvdjvndfindvjnvkjdfodnsvkjnvofndsjvcndskvnigrtmfdvhrvdrdfhdhdufhdsufhdrfw</p></div>
<div class="work"></div>
<div class="news"><img src="img/imgentree.jpg" /><img src="img/imgentree.jpg" /><img src="img/imgentree.jpg" /><img src="img/imgentree.jpg" /></div>
</body>
</html>
je viens vers vous parce que j'ai un léger souci avec mes containers.
Ok, alors ce qu'il se passe c'est que j'ai créé trois blocs, deux avec des largeurs et hauteurs définies qui sont en position "fixed", et un autre auquel j'ai simplement attribué une largeur, son contenu étant variable.
Le souci vient du fait que quand j'insère du texte dans un de mes premiers blocs celui-ci en déborde largement et c'est pareil si je met une image dans le troisième. Je croyais que c'était du à l'attribut "position" et au fait que certains blocs sortaient du flux mais apparemment ça n'est pas le cas. Je m'étonne parce que les dernières fois que j'ai fais cette manip avec un contenu plus grand que la zone d'accueil des scroll apparaissaient automatiquement
Si quelqu'un a une idée je suis preneur.
Merci à tous d'avance.
CSS:
/*CONTAINER*/
.menu{
width: 120px;
height: 150px;
left: 30px;
top: 15px;
position:fixed;
padding: 0;
background-color: #0ff;
border: 1px solid;
}
.work{
width: 120px;
height: 500px;
left: 30px;
top: 180px;
position: fixed;
background-color: #f0f;
}
.news{
width: 465px;
top: 16px;
left: 180px;
/*background-color: #f9ff00;*/
position: absolute;
}
HTML:
<body>
<div class="menu"><p class="text">ldfgodfvdjvndfindvjnvkjdfodnsvkjnvofndsjvcndskvnigrtmfdvhrvdrdfhdhdufhdsufhdrfw</p></div>
<div class="work"></div>
<div class="news"><img src="img/imgentree.jpg" /><img src="img/imgentree.jpg" /><img src="img/imgentree.jpg" /><img src="img/imgentree.jpg" /></div>
</body>
</html>
