28221 sujets

CSS et mise en forme, CSS3

Pages :
(reprise du message précédent)

Donc maintenant il faut utiliser un élément pour faire que le pied de page se mette où il faut, ça a été mentionné plein de fois déjà sur le forum... enfin bon, je me sens l'âme généreuse :
tu ajoutes un <hr class="clear" /> sous tes 2 divisions
et dans les CSS :

hr.clear
{
 clear: both ;
 visibility: hidden ;
}


Il ne te reste plus qu'à jouer sur les marges pour obtenir le même rendu que sur ton image, mais je vais pas tout te faire non plus, sinon ça sert à rien.
Bonjour

Je m'excuse si je semble pas comprendre. C'est la première fois que j'entend parlé de hr et que j'utilise des floats dans ce genre

J'ai pourtant fais ce que tu m'a dis. Le résultat semble un peu trop loin avant de passé à l'étape des marges

Ais-je raison...!

www.mikimya.com/v5


Sinon, encore désolé ... Smiley decu
ElMoustiko a écrit :

<hr class="clear" /> sous tes 2 divisions


Il semble que ce soit un problème de vue Smiley cligne ou de concentration peut être.

Relis bien calmement les indications que l'on te donne, prend bien le temps de lire.

Pour ce qui est du <hr /> c'est un simple élément faisant une ligne horizontale, c'est l'élément le plus approprié pour faire une séparation entre différentes choses, séparation structurelle et non graphique.

Pour ce qui est des float, les éléments sortent en fait du flux courant du document et donc ne sont plus pris en compte dans le calcul de la hauteur du conteneur de ces éléments, le pied de page vient donc logiquement se positionner plus haut, pour rétablir la position souhaitée du pied de page il faut ajouter un élément (ici hr, qui n'est pas le pire des éléments à ajouter même si cette technique reste légèrement bidouille) avec la propriété clear: both; pour lui dire d'aller sous les éléments qui le précède.

Je te conseille la lecture de cet article pour mieux comprendre le fonctionnement :
http://openweb.eu.org/articles/initiation_float/

Tu peux aussi aller faire un tour du coté des ressources (menu en haut de la page) http://forum.alsacreations.com/forum.php?action=t&fid=7 et voir les tutoriels aussi (même menu en haut) : http://www.alsacreations.com/articles/

@++
Modifié le 14 Nov 2004 - 19:41
Bah tu ne nous as pas dérangé Smiley cligne si t'as un soucis, le forum est là pour ça.

Pense à ajouter un petit [Résolu] dans le sujet du topic si le problème est réglé, en éditant ton sujet. merci
Pages :