[résolu] Colonnes de la même longueur

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Répondre
BberXIII81
Lézard vert
Messages : 190
Inscription : 10 juin 2007, 10:06

[résolu] Colonnes de la même longueur

Message par BberXIII81 »

Comment faire pour que mes 3 colonnes soit toujours de la même longueur mais quelles s'adaptent à la quantité de texte présente dans la plus rempli?
J'utilise des <div> pour mes colonnes.
Mon site.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
Dernière modification par BberXIII81 le 17 juin 2007, 08:02, modifié 1 fois.
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

http://pompage.net/pompe/colonnesfactices/

Message envoyé avec : eyeNav 1.0
BberXIII81
Lézard vert
Messages : 190
Inscription : 10 juin 2007, 10:06

Message par BberXIII81 »

Ne peut-on pas faire autrement, car ce n'est pas réellement la <div> qui prend la longueur de la page mais une image de fond ce qui risque de poser des problèmes de compatibilité avec le positionnement de celle-ci derrière la <div>?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Euh... je vois pas trop en quoi ça poserait problème... :?:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20061201 Firelimace Firefox/2.0.0.4 (Ubuntu-feisty)
BberXIII81
Lézard vert
Messages : 190
Inscription : 10 juin 2007, 10:06

Message par BberXIII81 »

Si je met une image de fond, représentant ma colonne, avec précision, à l'endroit où se trouve ma <div> sous firefox elle sera légèrement décalé sous IE. De plus, je ne pourrais plus mettre mes bordures jusqu'au fond, non?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Oulah, je ne suis pas sûr d'avoir bien suivi :oops:
Tu aurais pas un exemple ? C'est toujours plus parlant que 1000 mots :?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20061201 Firelimace Firefox/2.0.0.4 (Ubuntu-feisty)
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Si ton affichage est décalé sous IE c'est que tu n'as pas réussi à le mettre en mode standard et qu'il utilise son ancien modèle de boîtes. Vérifie que tu utilises un bon Doctype.
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
BberXIII81
Lézard vert
Messages : 190
Inscription : 10 juin 2007, 10:06

Message par BberXIII81 »

Pas d'exemple pour le moment, mais je vais essayer de mieux m'exprimer:
Je disait que les coordonnées et les dimensions pour placer l'image d'une colonne sous ma <div> risque de ne pas être les mêmes avec tout les navigateurs (et comme tu le sais, j'ai assez de soucis avec la compatibilité de mon site). De plus comme ce n'ést pas vraiment la <div> qui s'étend sur la longueur de la page, les bordures ne s'y étendront pas n'ont plus.

Pour le doctype, je sait pas je vais me renseigner; s'il n'y a que cette solution ce n'est pas si grave, je ferais autrement (avec une hauteur fixe et une barre de défilement)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Effectvement, si tu n'as pas de doctype... ça risque bien de faire foirer pas mal de choses !

Un récapitulatif ici : http://hsivonen.iki.fi/doctype/ :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.4) Gecko/20061201 Firedragon Firefox/2.0.0.4 (Ubuntu-feisty)
BberXIII81
Lézard vert
Messages : 190
Inscription : 10 juin 2007, 10:06

Message par BberXIII81 »

Si, si j'en ai un, c'est que je voulais me renseigner sur ce que me disait benoit.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

En gros, si tu utilises un doctype Transitional tu ne seras pas en mode standard, et les marges ne seront pas gérées de la même façon. Par contre, avec un doctype Strict tu seras en mode de calcul standard (avec quelques exceptions, par exemple s'il y a une déclaration XML avant, ça va foirer).
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
BberXIII81
Lézard vert
Messages : 190
Inscription : 10 juin 2007, 10:06

Message par BberXIII81 »

D'accord merci, je voir avec çà alors.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.4) Gecko/20070515 Firefox/2.0.0.4
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités