[résolu] Div placée à hauteur égale ...!

africa

1 Aug 2007 à 22:39

Bonsoir

Je bloque sur un problème de positionnement d'une div, sur le layout suivant : http://www.tamarii-no-pacifica.net/layout.html , je souhaiterai mettre la div (pub en jaune) à la même hauteur que la div banniére (en rouge)

Merci, bonne soirée

Code css:

<style type="text/css">
#page {
border: 1px solid black;
margin: auto;
height: 500px;
width:78%;
}
#haut {
background-color: red;
width: 79%;
}
#pub {
background-color: yellow;
float: right;
width: 20%;
}
#un {
background-color: pink;
float: left;
width: 19%;
}
#deux {
background-color: green;
float: left;
width: 20%;
}
#trois {
background-color: red;
float: left;
width: 20%;
}
#quatre {
background-color: purple;
float: left;
width: 20%;
}
</style>

Code html :

<body>
<div id="page">
<div id="haut">bannière</div>
<div id="pub">pub</div> 
<div id="un">un<br /></div>  
<div id="deux">deux</div>  
<div id="trois">trois</div>
<div id="quatre">quatre</div>
</div>
</body>

Modifié par africa (03 Aug 2007 - 17:37)

Gihef

2 Aug 2007 à 00:43

Bonjour,

Indique au navigateur à droite de quoi il doit se poser :

#haut {
  [b]float: left;[/b]
  background-color: red;
  width: 79%;
  }

Questions générales et questions de débutants

[résolu] Div placée à hauteur égale ...!