28173 sujets

CSS et mise en forme, CSS3

Bonjour à tous,
J'ai un problème avec Safari lorsque j'utilise la configuration suivante (J'utilise cependant des table-cell à la place des floats car c'est le seul moyen que j'ai trouvé pour me passer des tableaux et avoir des colonnes de même largeur, contraintes obligatoires sur certains designs à contenus dynamiques) :
http://www.blog-and-blues.org/images/2006-01-29/clear-context.png
(plus d'explication ici : http://www.blog-and-blues.org/articles/Float,_clear_et_contextes_de_formatage#Qu.27est-ce_qu.27un_contexte_de_formatage_.3F)

J'obtiens le fameux problème cité dans le lien fourni ci-dessus :
a écrit :
Safari agira comme prévu, sauf pour display:table-cell qui semble empêcher le conteneur de se placer à côté du flottant vert.


Cependant j'ai beau chercher (en plus je n'ai pas Safari pour faire des tests approfondis...) je n'arrive pas à trouver de solutions.
J'espère que quelqu'un pourra me venir en aide.
Merci.
Modifié par T.E.I. (23 May 2007 - 22:12)
T.E.I. a écrit :
J'utilise cependant des table-cell à la place des floats car c'est le seul moyen que j'ai trouvé pour me passer des tableaux et avoir des colonnes de même largeur, contraintes obligatoires sur certains designs à contenus dynamiques

Des colonnes de même largeur ou bien de même hauteur ?
Pour les colonnes de même hauteur, je précise au cas où que l'on ira chercher l'inspiration par ici :
http://pompage.net/pompe/colonnesfactices/

On rappellera aussi que l'utilisation d'un robuste tableau à deux cellules sera préférable à tout système peu fiable, et sera par ailleurs pas particulièrement problématique. Smiley smile
a écrit :
Des colonnes de même largeur ou bien de même hauteur ?


-> De même hauteur effectivement Smiley rolleyes (c'est la fatigue...).

Hum j'avais déjà lu cet article auparavant, mais en fait il est facilement applicable sur des designs simples comme les blogs par exemple, mais dès qu'il s'agit de design "photoshopé" et complexe, celà devient vite plus problèmatique (je sais on devrait faire des designs adaptés au Web et pas à photoshop, mais parfois c'est pas moi qui décide... Smiley decu
Bref, la méthode par float ou par table-cell pose pas mal de problème, je vais essayer de me tourner vers les position: absolute, et en cas échéant je ferai un tableau à deux colonnes.
Merci à toi. Smiley cligne