Je vois que pour les <DIV> et meme <TABLE>, on a plus le droit à l'élément align. je fais comment pour centrer mes tableau/div? ( pas centrer les contenus, mais centrer le contenant ).

margin-left: auto;
margin-right: auto;

une petite recherche n'aurait pas été superflue... va falloir mettre un bot qui répond à cette question vu qu'elle passe au moins une fois par semaine

Ainsi que "comment faire un popup"

chu désoler, je pensais pas que c'étais une question qui revenais souvent    
 
j'ai voulu commencer a passer mon site en strict, et j'ai été prit par surprice avec cette histoire d'align lol
n'en peche, vois pas pourquoi il se complique la vie a vie align

ca marche pas

Mais si, il faut forcer un peu.

jai fait le truc le plus simple :

 
et ca marche pas

marche pas je crois sous IE5

bon personne peut maider?  

Ah mais oui, c'est normal, IE 5 est un vieux navigateur dépassé.
 
Essaye un truc de ce style
 
table.prout {
  position: aboslute;
  width: 500px;
  left: 50%;
  margin-left: -250px;
}
 
ça devrait marcher

cest pas du centrage comme le ferais align="center"  
 
edit : en plus ca affiche rien

 
le Netscape 4 des temps modernes

Mais c'est très simple :
 
imaginons que tu veuilles centrer un élément :
 
body { text-align: center }
.element  { margin-right: auto; margin-left: auto }
 
et dans le body :
 
<div class="element">ce que tu veux</div>
 
Si c'est un tableau :
 
<table class="element> etc...
 
 
Si tu veux centrer un élément à l'intérieur d'un autre élément, toujours le même principe :
 
.element1 { text-align: center }
.element2  { margin-right: auto; margin-left: auto }
 
<div class="element2">ce que tu veux</div>
 
 
Technique testée par moi sur IE 5, 5.5, 6, Mozilla 1 et +, Netscape 6 et + Opera 6 et + (mais en théorie, ça doit aussi passer pour bcp de nav plus anciens - je crois que ça passe sur Netscape 4.7 par exemple )

LexTuhor a écrit a écrit : Mais c'est très simple :   imaginons que tu veuilles centrer un élément :   body { text-align: center } .element  { margin-right: auto; margin-left: auto }   et dans le body :   <div class="element">ce que tu veux</div>   Si c'est un tableau :   <table class="element> etc...     Si tu veux centrer un élément à l'intérieur d'un autre élément, toujours le même principe :   .element1 { text-align: center } .element2  { margin-right: auto; margin-left: auto }   <div class="element2">ce que tu veux</div>     Technique testée par moi sur IE 5, 5.5, 6, Mozilla 1 et +, Netscape 6 et + Opera 6 et + (mais en théorie, ça doit aussi passer pour bcp de nav plus anciens - je crois que ça passe sur Netscape 4.7 par exemple )

 
en gros l'element "racine" doit centrer son contenu ( un autre element ) qui lui va etre en margin auto? ( et ainsi de suite )

non, ca c'est uniquement une bidouille pour IE 5.5 et inférieur. Pour les autres, le réglage des attributs margin suffit.

exact    
 
Mais bon, on va pas laisser les 60% d'IE 5.5, 5 et inférieur  

Maxime a écrit a écrit : cest pas du centrage comme le ferais align="center"     edit : en plus ca affiche rien

Comment ça, ça n'affiche rien ? Je l'ai testé ça marche avec IE5+, Mozilla, Opera 6...

Le problème avec text-align: center; c'est que ça centre le texte dans tous éléments contenus dans l'élément qui a cette propriété. Donc il faut ensuite, à chaque fois, replacer le texte dans l'alignement qu'on veut, c'est lourd

Ben oui, mais pour que ça passe avec IE 5, et 5.5, pas d'autres choix de toutes manières... Donc...

Si cf, mon post plus haut.

Ah ? je vais me pencher dessus alors  

je repete que :
 

 
marche pas chez moi sur IE 6 ( w2k )
 
je me suis demerder de cette maniere :
 
<DIV class="center">  
 
et le css :
 
.center {
text-align : center;
}

par hasard center serait pas un mot réservé ? on sait jamais

j'ai vérifié dans les 419 lignes de mon fichier css      
 
 
 
 
edit : aah, réserver dans le sens ... réserver boh non ca marche

Déjà je te parlais de la seconde méthode avec :

 
Ensuite pour que la première méthode marche avec IE 6 il faut déclarer un DOCTYPE au début du document, sinon IE 6 utilise le mode de rendu de IE 5 (donc celui qui est buggé jusqu'à l'os). Par exemple en HTML 4.01 strict :

Viendons en a la balise <!DOCTYPE .... >  
 
kan je la met , regarder ce qui ce passe :
 
sans :

 
avec :

 
 
Remarquer les hauteurs des case differente, decale des titres des news, logo avec des espace ..... pourtant la page st valider HTML 4.01 STRICT ( si on omet les non-validation des tag XITI et autre ... )
 
j'ai jamais su pourquoi, jai fait 50 test, ca me fait toujours ca. j'ai lacher laffaire. ( ps : le fait de mettre une balise commentaire en toute premiere ligne, anule les effet nefase, mais ne fait pas fonctionner auto bidule )

des screenshots en JPEG vade retro satanas

je suis png for ever   , mais javais pas toshop sous la main ( partoche ... )
 
 
bon alors zen pensez quoi?

Pour les images, un "img {display: block;}" devrait résoudre le problème de la hauteur de la cellule.

et pour le reste  ( le fait de regler por limage va reger le reste? )

Ben essaye

vi dans 5 minutes ( faut que je change de partoche )

C'est compliqué ces OS modernes

marche pas
 
edit : je dirais meme plus, ca change riennnnnne          

Y'a moyen de voir le site quelque part ?

tu vois les screens ? cest pareil ( sauf que en plus jai des icones qui saligne verticalement au lieu de  horizontalement ( les icones a droite dans le titre des news, fond bleu ), enfin ca peut se regler avec les cases en plus dans les tableau ... )

Tu dis dans un premier temps que ça change rien, puis tu dis que ça change, il faudrait savoir.
 
Bon mais néanmoins ça ne résout pas le problème pour le logo ? Si oui, tu peux créer une classe juste pour lui. Si non, je peux rien faire si je vois pas le site ou le code.

http://213.41.188.144/dvd_ripp/fr/
 
le logo a en css :  
 
img.logo {
 border : 0px;
 display: block;
}
 
et ca change rien au problmes ( hauteur des cellule non respecter, marge dans le titre des news ) bref caca nerveux total
 
tu peut comparer avec www.dvd-ripp.org ( sans la balise DOCTYPE)

Ah oui, effectivement