Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

3 collones de même hauteur en CSS

14 réponses
Avatar
Arno
Salut à tous,

Je cherche un moyen de remplacer mon tableau par des CSS mais je ne trouve
pas de solution. Je veut avoir 3 colonnes de largeur fixe mais de même
hauteur seulement aucun moyen en CSS.

Mon tableau d'origine ressemble à quelque chose du genre :

<table border="0" cellspacing="0" cellpadding="0" style="border:2px solid
#ff0000" width="1000" align="center">
<tr>
<td colspan="3"><img src="images/header.jpg" width="1000"
height="64"></td>
</tr>
<tr>
<td width="200">...</td>
<td width="600">...</td>
<td width="200">...</td>
</tr>
<tr>
<td class="bottom">Dernière mise à jour le ...</td>
</tr>
</table>

Après plusieurs recherche sur Internet je me suis rendu compte que je
n'étais pas le seul à avoir ce problème. Et je n'ai jamais trouvé de
solution satisfaisant. Si quelqu'un a un solution à me proposer, je suis
preneur.

Par avance, Merci.

--
Arno - Pour le mail : http://cerbermail.com/?P5oJnDlxNt

10 réponses

1 2
Avatar
Pierre Goiffon
Arno wrote:
Je cherche un moyen de remplacer mon tableau par des CSS mais je ne trouve
pas de solution. Je veut avoir 3 colonnes de largeur fixe mais de même
hauteur seulement aucun moyen en CSS.


(...)
Après plusieurs recherche sur Internet je me suis rendu compte que je
n'étais pas le seul à avoir ce problème. Et je n'ai jamais trouvé de
solution satisfaisant.



Conseil : conservez votre tableau. Le débat revient très régulièrement
ici et ailleurs (une petite recherche sur Google Groups pourrait
s'avérer instructive), et moi non plus je n'ai jamais vu de solution
satisfaisante.
Avatar
Xavier Robin
Arno a écrit :
Salut à tous,

Je cherche un moyen de remplacer mon tableau par des CSS mais je ne trouve
pas de solution. Je veut avoir 3 colonnes de largeur fixe mais de même
hauteur seulement aucun moyen en CSS.




Il n'y a rien dans les modèles d'alsacréations ?
(http://alsacreations.com/articles/modeles/) par exemple celui-là me
semble bien : http://alsacreations.com/articles/modeles/g_d_fixe.htm

Xavier
Avatar
Thibaut Allender
On 7/12/2004 15:03, Pierre Goiffon wrote :
Conseil : conservez votre tableau. Le débat revient très régulièrement
ici et ailleurs (une petite recherche sur Google Groups pourrait
s'avérer instructive), et moi non plus je n'ai jamais vu de solution
satisfaisante.



juste, le seul moyen d'obtenir ça serait d'imbriquer des blocs dans un
conteneur et de leur appliquer un display: table... qui n'est pas géré
par IE

on peut aussi fixer la hauteur des colonnes, avec tous les ennuis que ca
génère

--
thibaut allender | freelance | http://capsule.org
Avatar
Sébastien
Il n'y a rien dans les modèles d'alsacréations ?
(http://alsacreations.com/articles/modeles/) par exemple celui-là me
semble bien : http://alsacreations.com/articles/modeles/g_d_fixe.htm



Les menus/colonnes sont en positionnement absolu.
Si ils ont beaucoup d'entrées elles vont dépasser du cadre.
Avatar
Xavier Robin
Sébastien a écrit :
Les menus/colonnes sont en positionnement absolu.
Si ils ont beaucoup d'entrées elles vont dépasser du cadre.



On peut aussi les faire flotter (mais je crains que le problème soit le
même).
Cependant sur le même site il y a une technique pour faire des "blocs
étirables" : http://alsacreations.com/articles/cellules/
Ça pourra peut-être t'être utile...

Reste la propriété inline-block des futurs CSS2.1
(http://www.w3.org/TR/2004/CR-CSS21-20040225/visuren.html#display-prop)
mais je doute que ce soit bien implémenté.
Avatar
Pascal Chevrel
Le 07/12/2004 15:18, Thibaut Allender a ecrit :
On 7/12/2004 15:03, Pierre Goiffon wrote :

Conseil : conservez votre tableau. Le débat revient très régulièrement
ici et ailleurs (une petite recherche sur Google Groups pourrait
s'avérer instructive), et moi non plus je n'ai jamais vu de solution
satisfaisante.




juste, le seul moyen d'obtenir ça serait d'imbriquer des blocs dans un
conteneur et de leur appliquer un display: table... qui n'est pas géré
par IE

on peut aussi fixer la hauteur des colonnes, avec tous les ennuis que ca
génère




Il y a un autre moyen avec les float/clear, marche partout sauf dans IE.

Donc en fait il y a deux méthodes en CSS, le problème étant qu'IE ne
supporte aucune des deux.

Pascal

--
Pascal Chevrel - Mozilla Champion
FAQ Mozilla/Netscape en français : http://www.chevrel.org/fr/faq/
Forums SOS online.net: http://forums.chevrelbureau.com/
Avatar
Arno
Pascal Chevrel wrote:
Le 07/12/2004 15:18, Thibaut Allender a ecrit :
On 7/12/2004 15:03, Pierre Goiffon wrote :

Conseil : conservez votre tableau. Le débat revient très
régulièrement ici et ailleurs (une petite recherche sur Google
Groups pourrait s'avérer instructive), et moi non plus je n'ai
jamais vu de solution satisfaisante.




juste, le seul moyen d'obtenir ça serait d'imbriquer des blocs dans
un conteneur et de leur appliquer un display: table... qui n'est pas
géré par IE

on peut aussi fixer la hauteur des colonnes, avec tous les ennuis
que ca génère




Il y a un autre moyen avec les float/clear, marche partout sauf dans
IE.
Donc en fait il y a deux méthodes en CSS, le problème étant qu'IE ne
supporte aucune des deux.




Dans mes nombreuses recherche j'avais trouvé ca :
http://batraciens.net/css-astuces/3-colonnes-adaptables-3.htm. Ca fonctionne
en CSS mais que sous IE ;)
Avatar
Pascal Chevrel
Le 07/12/2004 17:01, Arno a ecrit :
Dans mes nombreuses recherche j'avais trouvé ca :
http://batraciens.net/css-astuces/3-colonnes-adaptables-3.htm. Ca fonctionne
en CSS mais que sous IE ;)




C'est quand même une grosse bidouille !!

pascal

--
Pascal Chevrel - Mozilla Champion
FAQ Mozilla/Netscape en français : http://www.chevrel.org/fr/faq/
Forums SOS online.net: http://forums.chevrelbureau.com/
Avatar
Fabrice Bonny
Arno wrote:

Je cherche un moyen de remplacer mon tableau par des CSS mais je ne trouve
pas de solution. Je veut avoir 3 colonnes de largeur fixe mais de même
hauteur seulement aucun moyen en CSS.



Et ça?
http://positioniseverything.net/thr.col.stretch.html
http://positioniseverything.net/piefecta-rigid.html
http://www.alistapart.com/articles/fauxcolumns/
http://www.alistapart.com/articles/negativemargins/

--
Fabrice Bonny

http://openweb.eu.org/
http://opquast.org/
Avatar
christophe C
Arno a écrit :
Salut à tous,

Je cherche un moyen de remplacer mon tableau par des CSS mais je ne trouve
pas de solution. Je veut avoir 3 colonnes de largeur fixe mais de même
hauteur seulement aucun moyen en CSS.



différentes bidouilles :
http://css-astuces.batraciens.net/3-colonnes-adaptables-1.htm

mais au final, le tableau est encore le plus simple pour ce pb.

--
-> http://batraciens.net/ - "BATRACIENS" : Articles et photos sur
l'élevage et la maintenance des batraciens, aquatiques ou terrestres.
Petites annonces.
-> http://css-astuces.batraciens.net/ - "CSS-ASTUCES" : Trucs et astuces
de codage CSS pour enrichir vos pages Web.
-> http://www.priceminister.com/boutique/batra3 - Je vend mes livres SF
d'occasion.
1 2