Positionnement div/css
gabbermaniac
Messages postés
137
Date d'inscription
Statut
Membre
Dernière intervention
-
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
mpmp93 Messages postés 6648 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
je souhaite mettre côte à côte 3 div, de gauche à droite: gallery - description - avis; je les ai imbriqué dans une div article
J'ai crée mon style avec CSS, cela s'affiche bien mais si je fais un zoom (crtl + souris) les div description et avis vont dans gallery
Je vous laisse mon code
#article {
position: absolute;
padding: 3em 0 0 0;
margin: 20px; auto;
width: 70%;
}
#gallery{
float: left;
width: 40%;
}
#description {
padding: 0 0 0 40px;
float: left;
width:35%;
color: #B1e100;
font-size: 1.8em;
background:url(search.png) no-repeat left top;
}
#avis {
float: left;
padding: 10px 0px 0 70px;;
width: 15%;
font-size: 1.8em;
color: #B1E100;
background:url(comment.png) no-repeat top left;
}
HTML:
<div id="article">
<div id="gallery">
Lorem ipsum
<div id="description">
Contenu: lorem ipsum
</div>
<div id="avis">Votre Avis </div>
Je vous remercie d'avance de m'éclairer ou de me corriger
Céline
ps: mon site n'est pas en ligne ;)
je souhaite mettre côte à côte 3 div, de gauche à droite: gallery - description - avis; je les ai imbriqué dans une div article
J'ai crée mon style avec CSS, cela s'affiche bien mais si je fais un zoom (crtl + souris) les div description et avis vont dans gallery
Je vous laisse mon code
#article {
position: absolute;
padding: 3em 0 0 0;
margin: 20px; auto;
width: 70%;
}
#gallery{
float: left;
width: 40%;
}
#description {
padding: 0 0 0 40px;
float: left;
width:35%;
color: #B1e100;
font-size: 1.8em;
background:url(search.png) no-repeat left top;
}
#avis {
float: left;
padding: 10px 0px 0 70px;;
width: 15%;
font-size: 1.8em;
color: #B1E100;
background:url(comment.png) no-repeat top left;
}
HTML:
<div id="article">
<div id="gallery">
Lorem ipsum
<div id="description">
Contenu: lorem ipsum
</div>
<div id="avis">Votre Avis </div>
Je vous remercie d'avance de m'éclairer ou de me corriger
Céline
ps: mon site n'est pas en ligne ;)
A voir également:
- Positionnement div/css
- Logiciel positionnement gratuit - Guide
- Div c++ - Télécharger - Langages
- Enlever le soulignement d'un lien css - Astuces et Solutions
- Css exposant ✓ - Forum CSS
- Exemple test de positionnement greta - Forum Études / Formation High-Tech
6 réponses
Essaye clear:both; dans la div parent.
De toute manière je vois pas trop pourquoi se compliquer la vie, si ca marche bien. C'est plutôt au Design de s'accommoder à la résolution, et non à l'utilisateur de faire des Ctrl + (+) ou moins (-).
De toute manière je vois pas trop pourquoi se compliquer la vie, si ca marche bien. C'est plutôt au Design de s'accommoder à la résolution, et non à l'utilisateur de faire des Ctrl + (+) ou moins (-).
ça ne change rien le clear:both
sinon comme c'est un site qui s'intéresse à toute classe d'age confondue je pense au confort des yeux de certains internautes
merci
sinon comme c'est un site qui s'intéresse à toute classe d'age confondue je pense au confort des yeux de certains internautes
merci
Bonjour
Compliqué de t'aider comme ça, mais d'après ce que tu as indiqué tes ID "article" et "gallery" ne sont pas fermées pour ton problème essaye de réduire le font-size des blocs qui posent problème
Compliqué de t'aider comme ça, mais d'après ce que tu as indiqué tes ID "article" et "gallery" ne sont pas fermées pour ton problème essaye de réduire le font-size des blocs qui posent problème
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
.clear
{
clear: both;
}
et ça marcherais? Ou bien il faut faire d'autres modifs?
Merci