Pb avec le tuto des 2 colonnes

Bonjour,

j'ai un pb, qui va surement vous paraitre tout bete.

je suis le tuto des 2 colonnes, mais je bloque sur le footer, je ne vois pas ou ca bug...

un image vaut mieux qu'une longue explication:
http://www.veknalsace.info/SPP/index2.htm

Pas besoin de chercher la feuille de style, elle est dans le head de la page.

comme vous pouvez le constaster, le footer depasse de la balise global.
Y'a une contradiction que je ne comprend pas d'ailleurs.

Dans le global on definit un padding 10ps, le footer, on lui donne une width de 100% du global, hors, il ne peux faire à la fois 100% du global et respecter le padding de 10px de chaque coté.
Si j'ai bien, suivi, c'est la que l'overflow normalement intervient, non?

merci pour vos explications et aide
Modifié par rano96 (23 Mar 2007 - 14:41)

Bonjour,

Tu peux virer le clear: both (qui ne sera pas effectif pour un élément positionné en absolu), et surtout rajouter un petit :

left: 0;

Le bloc positionné en absolu n'a pas l'air de tenir compte du padding de son parent positionné. Du moins dans Firefox 2 et Opera 9. IE 6 semble en tenir compte, par contre.

Si besoin, on n'utilisera pas de padding pour le conteneur global, mais plutôt des marges pour ses enfants.

Hello,

Ton URL ne fonctionne malheureusement pas, tu l'as rédigée sans tenir compte des explications données dans l'Aide du forum et dans la FAQ

Je te suggère vivement d'éditer ton message afin de corriger ce problème.

Oups, je suis désolé pour l'url, maintenant, c'est corrigé. Pour répondre à Florent, cela ne fonctionne pas sous IE7 non plus.

Par contre, j'ai mis left:0; effectivement, ca fonctionne, j'etais en train de chercher partout comment faire avec l'overflow, mais il y a des solutions plus simple.

J'aimerais tout de même avoir un complement d'information, si c'est possible, sur ce 'bug/phénoméne", alors qu'il me semble bien avoir programmé comme dans le tuto et je n'ai rien trouvé dessus dans le forum

rano96 a écrit :
J'aimerais tout de même avoir un complement d'information, si c'est possible, sur ce 'bug/phénoméne", alors qu'il me semble bien avoir programmé comme dans le tuto et je n'ai rien trouvé dessus dans le forum

Il semblerait que ça ne soit pas un bug, mais une stricte application de la spécification :

Les éléments positionnés en absolu sont positionnés par rapport au «bloc contenant» de leur plus proche ancêtre positionné.
( http://www.w3.org/TR/CSS21/visuren.html#choose-position )

Le «bloc contenant» d'un élément correspond au «bord du padding».
( http://www.w3.org/TR/CSS21/visudet.html#containing-block-details )

Le «bord du padding» correspond au bord extérieur de la zone de padding, c'est à dire à la limite entre padding et border.
( http://www.w3.org/TR/CSS21/box.html#padding-edge )

De plus, on peut supposer que la largeur d'un élément positionné, si elle est exprimée en pourcentages, sera proportionnelle à la largeur du «bloc contenant», largeur qui inclut le padding (mais pas les border ni les margin).

Cependant, en l'absence de propriété left ou right, l'élément positionné en absolu place horizontalement son bords gauche (ou son bord droite en affichage right-to-left) au niveau où il se serait placé si le bloc était en flux.

Donc voilà, rien que de bien normal : Firefox et Opera sont OK, IE6 interprète de travers, et IE7 rentre dans le rang.

Ok, merci pour l'info, en fait tout est une question 'de priorité'.

Salut,

Je signale au passage qu'étant en largeur fixe, tu peux toujours te tirer d'affaire facilement en fixant la largeur du pied de page en pixels, en tenant compte des paddings de son parent