Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP centrage vertical dans un tableau

centrage vertical dans un tableau

3 réponses
Avatar
Daniel Metz
Bonjour,
A l'intérieur d'un tableau défini en pourcentage pour suivre la fenetre du
navigateur, j'ai placé un deuxième tableau aux dimensionx fixes afin qu'il
soit toujours centré dans la fenetre. Ça marche très bien sur la plupart des
navigateurs; mais pas sur IE 6 sur PC. Le tableau ne se centre pas
verticalement ?

Voici le code :

<body>
<table width="100%" height="100%">
<tr>
<th align="center" valign="middle" scope="row">
<table width="500" height="200"
bgcolor="#996666">
<th scope="row">&nbsp;</th>
</table></th>
</tr>
</table>
</body>

Est-ce qu'il posible de modifier le code pour que le centrage soit accepté
par IE 6 ou bien faut-il passer par un centrage avec frames ?
--
Daniel
Signaler un problème avec ce contenu

3 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Peter Pan
Daniel Metz a écrit :
Est-ce qu'il posible de modifier le code pour que le centrage soit accepté
par IE 6 ou bien faut-il passer par un centrage avec frames ?



As-tu essayé :

<table width="100%" height="100%">
<tr>
<td style="text-align: center; vertical-align: middle">
[...]
</td>
</tr>
</table>

mais pas en mode strict (tout comme ta méthode).

--
Pierre
http://www.1966.fr/
Avatar
Daniel Metz
On Fri, 18 Feb 2005 21:13:08 +0100, Peter Pan wrote
(in article <42164b69$0$27511$):

<table width="100%" height="100%">
<tr>
<td style="text-align: center; vertical-align: middle">
[...]
</td>
</tr>
</table>

mais pas en mode strict (tout comme ta méthode).



Non, ça ne marche pas non plus. Merci pour ton aide.

J'ai essayé aussi les css avec des marges négatives, mais là c'est l'inverse
ça marche bien sous IE PC mais plus sous IE mac.

j'ai essayé ça :

<style type="text/css">
.boite-centre {
width:250px ;
height:200px ;
background-color:#CCCCCC ;
border:solid black 2px;
position:absolute ;
top:50% ;
left:50% ;
margin-left:-125px ;
margin-top:-100px}
</style>
<head>

<body>
<div class="boite-centre"></div>

je ne sais pas si'il est posible de pondre le même type de code mais sans les
marges négatives ?
--
Daniel
Avatar
docanski
Eleveurs et agriculteurs polluent encore et toujours la Bretagne alors
que Daniel Metz nous narre ce qui suit en ce 18/02/2005 22:00 :

Essaye ceci :

<style type="text/css"><!--
html {height:100%;}
body {height:100%;margin:auto;font-family:arial,verdana;}
p {text-indent:1em}
.table1
{background-color:#ccccff;height:100%;width:100%;margin:auto;border:13px
solid yellow;}
.table2 {background-color:#ffffcc;width:91%;margin:auto;}
.table3 {background-color:#ffffff;width:91%;margin:auto;}
--></style>

et vire la troisième table si elle ne t'est pas utile : elle est là pour
le fun.
Les 3 tables ont un fond différent pour que tu puisses admirer l'effet
désiré ... et obtenu.

Cordialement,
--
docanski

Nature, histoire et légendes en
- Côtes du nord de la Bretagne
- Vallée de la Rance maritime
Memento des champignons
http://armorance.free.fr