28172 sujets

CSS et mise en forme, CSS3

[Resolu] Display table et table cell

Bonsoir à tous.

J' aurais deux questions à vous poser, si vous le voulez bien.

1° )
Je constate que
display table et table cell marche sous Firefox mais pas sous IE 8
( comme rappelé dans un cours sur ce site ).

Est-ce définitif ?

------------

2° )
J' ai un joli tableau de noms, prénoms, téléphones
fait avec
<table><tr><td>

Avant c' était top, maintenant c' est obsolet (beurk).

Je voudrais donc me mettre à jour et afficher le tableau grace au css.

La meilleur méthode est elle celle du tuto de fvsch
"afficher des colonnes grâce au positionnement flottant"
http://www.alsacreations.com/tuto/lire/588-trois-colonnes-float.html

ou bien doi-je prendre une autre route ?

Une précision :
La page en question fait déja appel à une feuille de style css,
avec ce moche code html en plein milieu.

Merci pour toute réponse.
@+
Lespiegle.
Modifié par lespiegle (30 Aug 2011 - 08:20)
L'élément table n'est pas du tout obsolète. Si tu dois afficher des données sous forme de tableaux c'est tout à fait adapté et c'est la meilleure solution.
Modifié par jb_gfx (29 Aug 2011 - 20:24)
Modérateur
Bonsoir,

Houla, je crois que tu fais fausse route ! Personne n'a dit que le table c'était mal ! Bien au contraire. Le table est mal dans le sens de faire une mise en forme avec (table imbriqué) ! Recréer un tableau à base de div class id indigestes plus la mise en forme, j'imagine la lourdeur et le n'importe quoi ! Smiley biggol Si dans ta page, il y a bien un tableau, garde le et peaufine sa sémantique.

Pour se faire, je t'invite à lire ou relire cet excellent article

Au passage, IE8 respecte TOUTES les règles CSS 2.1 pendant que les autres étaient au CSS3...
Bonjour à tous.

Et merci à vous deux pour vos réponses.
Très intéressant, niuxe, ton lien vers ces articles.

Donc, tableaux permis uniquement pour les données
( ce qui facilite la tache lorsque les cellules ou lignes sont imbriquées dans une boucle ).

Merci encore.
@+
Lespiegle.
Administrateur
lespiegle a écrit :

display table et table cell marche sous Firefox mais pas sous IE 8
( comme rappelé dans un cours sur ce site ).

Hello,

Je ne sais pas de quel cours tu parles, mais il y a une erreur : ces valeurs sont très bien interprétées sous IE8.
Et pour le reste je suis d'accord avec mes collègues, et je dirais même plus Smiley cligne
Administrateur
jb_gfx a écrit :
Je suis toujours pas convaincu par les tableaux de mise en page. Smiley langue

Ma mission n'en sera que plus exaltante ! Smiley lol
Bonsoir à vous.

Désolé, mais bien que j' ai déclaré le sujet "résolu",
je me dois de répondre à vos derniers commentaires.

Raphael :
J' ai faux quel que part, ou bien Mon IE 8 fait ce qu' il veut sans que ne le sache.
Pour un truc simpliste au possible, Firefox affiche les colonnes accolées,
et IE 8 des lignes les unes sous les autres.

Le html
<div class="colonnes">
    <p class="colonne">Contenu de la colonne</p>
    <p class="contenu">Contenu principal</p>
    <p class="contenu">Contenu 2</p>
</div>


Le css
div.colonnes {
    display: table; }
p.colonne, p.contenu {
    display: table-cell;
    padding: 5px;
    border: 1px solid black; }

Pour citer Conan Doyle, "Le mystère s' épaissit"


jb_gfx :
J' ai sûrement mal compris ton intervention "pas convaincu par les tableaux de mise en page"

Si par là tu veux dire qu' il faut avoir recours à une mise en page avec
tableaux html, comme jadis faisaient les ancêtres - premiers arrivés sur le web -
je ne suis "plus" d' accord depuis qu' on m' a convaincu du contraire
( mais, je le répète, je me trompe certainement dans mon interprétation de ce que tu as écrit ).

J' ai appris à mettre en forme une page web grâce à du html pur, sans css.
Puis, après des années de html, des concepteurs Pro m' ont montré le bien fait du css.
Récalcitrant au début, j' ai vite adhéré car découvrant de nombreuses nouvelles possibilités.

Je suis un nourrisson en css, à peine formé à prononcer mes premiers mots,
mais je compte, une fois mon adolescence css passé,
pouvoir discourir css comme un adulte
( je ne sais pas si les métaphores sont permis sur votre site.

@+
et n' oubliez pas de prendre du bon temps, car la vie est courte,
Lespiegle.
Modifié par lespiegle (31 Aug 2011 - 20:34)
Toutes mes excuses, jb_gfx.

Comme je l' ai écrit, j' ai mal compris.

Passes une excelete soirée.

@+
Lespiegle.
Administrateur
lespiegle a écrit :

J' ai faux quel que part, ou bien Mon IE 8 fait ce qu' il veut sans que ne le sache.
Pour un truc simpliste au possible, Firefox affiche les colonnes accolées,
et IE 8 des lignes les unes sous les autres.

Chez moi et sur IE8 ton code fonctionne.
Es-tu sûr que ton IE8 n'est pas déclaré en "mode de compatibilité" ?
Salut Raphael.

Après recherche sur Google, apparament non.
J' ai coché, décoché, mise un meta content enmulate, rien n' y fait.

Si pour toi c' est bons, il doit y avoir une solution.
Peut-être un tout bête doctype ?

Je vais chercher, mais ça prendra un petit moment (pas trop dispo la semaine prochaine),
et peut-être ouvrir un nouveau sujet dans le forum "questions générales".

@+
Lespiegle.
Sujet clos
Aller à