3 div de même taille horizontalement [Résolu/Fermé]

Signaler
Messages postés
188
Date d'inscription
mercredi 24 décembre 2008
Statut
Membre
Dernière intervention
19 septembre 2013
-
Messages postés
188
Date d'inscription
mercredi 24 décembre 2008
Statut
Membre
Dernière intervention
19 septembre 2013
-
Hello,
J'ai fait un div avec un fond qui contient 3 div.
C'est plus simple si je vous montre directement.

Regarder la-dessus: http://buddhashop.toile-libre.org/
Quand on zoom sur la page, 1 des 3 div descend.

Je sais pas si vous avez compris.
Est-ce que ce serait possible que les 3 div restent en permanence aligné.


Le code:

CSS
-----
body{
background-color: black;
background-image: url("background.jpg");
background-position: top center;
background-repeat: no-repeat;
}
#top{
background-image: url("fond.gif");
position: absolute;
top: 42px;
height: 188px;
width: 100%;
background-position: center;
z-index: 1;
background-repeat:no-repeat;
}
#corp{
margin-top: 150px;
background-color: #DDDDDD;
border: 2px black;
border-radius: 10px;
margin: auto;
margin-top: 150px; 
}
#corpgauche{
width: 300px;
background-color: white;
border: 2px black;
border-radius: 10px;
padding: 15px;
float: left;
color: black;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
#corpmilieu{
width: 700px;
float: left;
background-color: white;
border: 2px black;
border-radius: 10px;
padding: 15px;
color: black;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
}
#corpdroite{
width: 300px;
background-color: white;
border: 2px black;
border-radius: 10px;
padding: 15px;
float: right;
color: black;
margin-right: 20px;
margin-bottom: 20px;
margin-top: 20px;
}



HTML
------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>WeedMaster</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	   <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
	   
   </head>
 
		<body>
			<div id="feuille"></div>
			<div id="top"></div>
			<table id="corp">
			<tr>
			<td>
			<div id="corpdroite"><p> 
			-Listes des tutoriaux.
 			</p>
			</div>
			<div id="corpgauche"><p> 
			Aide
			</p>
			</div>
			<div id="corpmilieu"><p> 
			Test
			</p>
			</div>
			</td>
			</tr>			
			</table>
		</body>
</html>



A+

4 réponses

Messages postés
372
Date d'inscription
jeudi 3 mars 2011
Statut
Membre
Dernière intervention
20 février 2019
126
Salut, essaye en donnant une taille à ta table corp genre width: ??px; pour trouver la valeur de ?? additionne la taille de tes trois div plus les marges !
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 63550 internautes nous ont dit merci ce mois-ci

Messages postés
188
Date d'inscription
mercredi 24 décembre 2008
Statut
Membre
Dernière intervention
19 septembre 2013
7
up
Messages postés
188
Date d'inscription
mercredi 24 décembre 2008
Statut
Membre
Dernière intervention
19 septembre 2013
7
Bonne idée je vais essayé!

Merci
Messages postés
188
Date d'inscription
mercredi 24 décembre 2008
Statut
Membre
Dernière intervention
19 septembre 2013
7
C'est tout con mais ça fonctionne.

A+