Discussion :

[JediMaster]

Bonjour,

Voila donc la structure de mon site est de type basique header, menu droite, menu gauche et un container au centre.
Je souhaiterais afficher des tableau tous en ligne dans mon container
Pour cela je les met chacun dans une div.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<div id="center">
	<div class="divitem"><table><tr><td>ligne1</td></tr><tr><td>ligne2</td></tr><tr><td>ligne3</td></tr></table></div>
	<div class="divitem"><table><tr><td>ligne1</td></tr><tr><td>ligne2</td></tr><tr><td>ligne3</td></tr></table></div>
	<div class="divitem"><table><tr><td>ligne1</td></tr><tr><td>ligne2</td></tr><tr><td>ligne3</td></tr></table></div>
	<div class="divitem"><table><tr><td>ligne1</td></tr><tr><td>ligne2</td></tr><tr><td>ligne3</td></tr></table></div>
	<div class="divitem"><table><tr><td>ligne1</td></tr><tr><td>ligne2</td></tr><tr><td>ligne3</td></tr></table></div>
</div>

ensuite dans mon css je fais ça

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#center {
	position: absolute;
	align:center;
	text-align: center;
	top: 250px;
	left: 20%;
	width: 60%;
	height:500px; 
	background-color:#cccccc;
	border-style:solid;
	border-color:#ff9900;
}
 
div.divitem {
	display:inline-table;
	border-style: solid;
	border-color: green;
	background-color:#FF0000;
}

Au final j'obtiens exactement ce que je souhaite sous FF3 mais pas sous IE7
IE ne prend pas en compte le inline-table.
Depuis ce matin je cherche sur les forum et tuto mais beaucoup sont plutôt en rapport avec le centrage d'un tableau donc ça ne va pas.
J'ai testé inline-block, donner un width, la position relative mais rien n'y fait pouvez vous m'aider svp.

EDIT: Ah oui j'oubliais avec un float: left (ou right) j'obtiens presque ce que je veux sauf que je n'arrive pas a centrer l'ensemble de mes div.

EDIT2: Vous pouvez voir mon probleme ici http://theded.ifrance.com/page_test2.php

[andry.aime]

Salut,
Essaye avec

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
div.divitem {
	display:inline-table;
	border-style: solid;
	border-color: green;
	background-color:#FF0000;
	float:left;
}

[Poulpynette]

Il me semble que la syntaxe suivante ne fonctionne que sous IE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display:inline-table;

[JediMaster]

le problème c'est que quand j'ajoute

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

float:left;

je perd le centrage de mes tableaux

voila le resultat que je souhaite sous IE7 ( screenshot tiré de FF3 sans le float:left; )


voila mon résultat actuel
http://theded.ifrance.com/page_test2.php

Poulpynette->Sous FF3 cela change quelque chose aussi. Les div s'aligne horizontalement (testé avec firebug)

[Poulpynette]

Il me semble que la syntaxe suivante ne fonctionne que sous IE :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

display:inline-table;

Oui pardon, je me suis trompée. Il faut plutôt lire "ne fonctionne pas sous IE" ^^

[JediMaster]

ah ok, parce que je comprenais pas vraiment ^^ sinon tu sait comment centrer le tout parce que pour un site ça n'est pas très pro d'avoir ce genre de disposition.

PS: j'ai posté un autre topic pour le problème de taille de la bar de login (encore FF vs IE ) si t'as une idée elle est la bienvenue

[Poulpynette]

A la lecture de ce topic, tu as résolu ton problème

[JediMaster]

Oui oui effectivement mais pas celui ci j'ai toujours mes tables accrochées a gauche