j'ai un petit souci au niveau de placement de 4 div, ces div sont dans le flux (aucun absolute ou fixed).
L'image ci-dessous représente mon souci :
Mon but est de centrer le bloc 2 en fonction de la longueur variable.
Je n'arrive pas à réaliser ceci, ce n'est pas faute d'avoir multiplié les tentatives avec tous les float possible et inimaginables.
Mon code HTML est simple:
CODE
<div id="header">
<div id="bloc1"></div>
<div id="bloc2"></div>
<div id="bloc3"></div>
<div id="bloc4"></div>
</div>
<div id="bloc1"></div>
<div id="bloc2"></div>
<div id="bloc3"></div>
<div id="bloc4"></div>
</div>
Le code CSS est forcément faux, voici la base que je cherche à compléter :
CODE
#header {
height : 50px;
}
#bloc1 {
background-color: red;
width: 30px;
}
#bloc2 {
background-color: green;
width: 50px;
}
#bloc3 {
background-color: blue;
width: 20px;
}
#bloc4 {
background-color: gray;
width: 1000px;
}
height : 50px;
}
#bloc1 {
background-color: red;
width: 30px;
}
#bloc2 {
background-color: green;
width: 50px;
}
#bloc3 {
background-color: blue;
width: 20px;
}
#bloc4 {
background-color: gray;
width: 1000px;
}
Je vous remercie d'avance pour l'interet porté à ce post.
