adieu tableaux bonjour XHTML/CSS

[ams51]

Bonjour,

je suis en train d'étudier de très près le passage de mes sites en xhtml/css afin d'abandonner définitivement les tableaux. Je galère sur quelques points.

Je voudrais placer mon site qui fait 750px au centre du navigateur au départ j'ai retenu la solution d'alsacreation (au passage un grand merci pour les tutos )

#conteneur {
	position: absolute;
	width: 750px;
	background-color:#3333CC;
	top: 10px;
	margin-left: -375px;
	left: 50%;
}

Mais cette solution pose problème lorsque la taille du navigateur descend sous 750px... On n'a plus du tout accès à la partie gauche du site. J'en suis arrivé à la conclusion qu'il faut mettre du javascript pour résoudre ce pb, mais j'aimerai éviter...

Arnaud.

[LaurentDenis]

L'un des avantages d'une mise en page sans tableau, c'est l'élasticité... Pourquoi ne pas abandonner ces rigides 750px et passer à une largeur relative en % (centrage par des marges) ?

[ams51]

Les tableaux peuvent être aussi élastiques. Je ne pense pas fixer la largeur du site à 750 px, je trouve ça tres désagréable sur un grand écran (19" par exemple). En fait je cherche à centrer un div de largeur fixe dans la page sans avoir le problème de disparition de la partie gauche en cas de diminution de la fenêtre...

[Dinostrate]

L'un des avantages d'une mise en page sans tableau, c'est l'élasticité...

Bonjour

Pourtant, les tableaux peuvent être également élastiques (avec une marge de manoeuvre moins grande cependant). Par exemple, j'ai constaté qu'on pouvait jouer assez facilement sur la largeur des colonnes en %, mais seulement sur la première par rapport aux autres. Apparemment, la seule chose qui manque pour une élasticité parfaite me parait être l'absence de possibilité de différencier en relatif toutes les colonnes. Mais il existe peut être une astuce que j'ignore.

Pour le reste, je suis d'accord sur le fait d'éviter au maximum les tableaux, mais il y a encore pas mal de situations où on ne peut pas les contourner... et si on veut à tout prix les éviter, on recrée la même chose avec des <div>, ce qui ne me semble pas mieux.

A+

Dino

[ams51]

Pour le reste, je suis d'accord sur le fait d'éviter au maximum les tableaux, mais il y a encore pas mal de situations où on ne peut pas les contourner...  et si on veut à tout prix les éviter, on recrée la même chose avec des <div>, ce qui ne me semble pas mieux.

J'ai l'impression aussi que les tableaux proposent des solutions difficilement transposable avec une gestion en feuille de style. Cependant j'ai fais le choix de me mettre à la norme (question de compatibilité future, de simplification du code et argument important pour les clients), je laisserai donc tomber le centrage d'un site à 750 px si je ne trouve pas de solution

Pour ce qui est de recréé un tableau avec les div, c'est un piège vicieux pour ceux qui sont habitués, comme moi, des tr/td... Je pense qu'il faut simplement repenser l'architecture des page.

pfff c'est pas simple tout ça

[Dinostrate]

Je pense qu'il faut tout de suite essayer de bosser en relatif. On patauge sacrément dans un premier temps, mais après ça va mieux ! Je suis en train de refaire complètement mon site en CSS (il n'est pas encore publié) et d'entrée de jeu, j'ai décidé de ne pas utiliser les "absolute" et les dimensions fixes : que du float ou du relatif. On verra bien si je réussis.... En tout cas, j'ai réduit l'utilisation des tableaux à trois types, alors qu'avant, je dis pas.... c'était une catasthope tellement il y en avait (là, le site est encore en ligne !)

Dino

[Monique]

Bonjour,

Pour comprendre le principe, et partir sur de bonnes bases, rien de tel que de décortiquer quelques exemples :

- glish.com

- la-grange.net

- bluerobot.com

J'ajoute cette page de liens particulièrement riche : wikini.net

[ams51]

merci Monique, j'ai trouvé ce que je cherche !

width:750px;
margin-right:auto;
margin-left:auto;

D'autre part je suis plutot d'accord avec Dinostrate, il vaut mieux éviter le positionnement absolu. Ca me semble plus rigide et moins propre

Au plus j'avance dans mon étude au plus je me rends compte que je faisais un sale travail avec mes tableaux... Ce qui me rassure c'est que j'ai beau parcourir le web, je rencontre très rarement un site aux normes ! Il y a encore du boulot pour les webmaster !

[Guest Hellway]

Personnellement, j'ai plus de problèmes avec le Javascript et le DOM pour la mise aux normes de mes sites (cf: Mon sujet sur le HUB auquel personne n'a répondu). Le positionnement CSS est relativement simple pourvu que l'on ne cherche pas à faire quelquechose avec les CSS mais plutôt à faire quelquechose des CSS.

Je sais, je suis pas très clair... M'enfin, bonne chance pour ton site...