Centrer un div, pas si simple....

Inscrit le: 12 Déc 2006 Messages: 1

Bonjour,

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:

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;
}

Toute propo est la bienvenue.
Je vous remercie d'avance pour l'interet porté à ce post.

Inscrit le: 26 Oct 2006 Messages: 16

tout d'abord pour les variables relative tu dois mettre les unités en pourcentage.

Edit : après quelques essais, le problème est dû à la partie longueur fixe.
voilà mon code css avec le côté droit en relatif :

Code:

#header {
width: 100%;
}

#bloc1 {
background-color: blue;
width: 15%;
float: left;
}

#bloc2 {
background-color: black;
color: white;
width: 40%;
margin-left: 5%;
float: left;
}

#bloc3 {
background-color: red;
width: 15%;
margin-left: 5%;
float: left;
}

#bloc4 {
background-color: green;
width: 20%;
float: right;
}

Inscrit le: 27 Fév 2007 Messages: 3

Salut,
je suis débutant alors peut etre que ce je dis n'est pas bon pour toi mais j'essaie quand même.
POur faire ça j'utilise le logiciel nvu et dans le tuto qui va avec , il parle de ça à partir la page 52.
Pour trouver le tuto et le logiciel:
www.framasoft.net/article2243.html
En eserant que cela peut t'aider.
a+

Centrer un div, pas si simple....

Centrer un div, pas si simple....

Centrer un div, pas si simple....

Centrer un div, pas si simple....

Centrer un div, pas si simple....

Rappel du sujet de la page : Centrer un div, pas si simple....