Comment procéder pour du contenu en colonne

Résolu/Fermé
hugo_d Messages postés 87 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 21 décembre 2013 - Modifié par hugo_d le 15/04/2011 à 19:07
hugo_d Messages postés 87 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 21 décembre 2013 - 17 avril 2011 à 13:25
Bonjour,


tout d'abord voici le lien de mon site :
https://www.000webhost.com/migrate?static=true

Comme vous le remarquez, mon contenu est réparti en 3 colonnes, toutes regroupées dans une seule et même div.
Je pense qu'il y a deux moyen de procéder :

1°) utiliser la propriété float
2°) utiliser la position absolute et ensuite jouer avec les marges

dans mon cas j'ai pris la première solution ainsi si jamais je change la largeur d'une des colonnes le reste s'adapte


seulement voilà, une fois que j'ai codé mon footer, je rencontre un problème plutôt ennuyeux. En effet, il se place à la fin de la troisième colonne de mon contenu.
Or j'ai bien spécifié une hauteur définie pour mon div regroupant mes 3 colonnes.

Image :
http://nsa25.casimages.com/img/2011/04/15/110415064009937143.jpg

Par contre si je crée une classe avec la propriété Clear : both et que je l'applique à mon footer, celui-ci se positionne bien, par contre si je veux appliquer une margin-top histoire de me décoller de mon contenu, IMPOSSIBLE. Par contre les marges gauche et droites sont bien prises en compte

Image :
http://nsa25.casimages.com/img/2011/04/15/110415063915412343.jpg

J'ai donc essayé d'enlever cette propriété (clear) et d'appliquer une marge à mon footer. Celà fonction, mais je suis obligé d'entrer une donnée énorme. Etant donné que je dois reprendre toute la hauteur de mon contenu + l'espace que je souhaite entre celui-ci et mon footer.
J'ai donc qqc comme margin-top : 600px
Ce qui ne me rassure pas trop

Image :
http://nsa25.casimages.com/img/2011/04/15/110415063957244219.jpg


J'ai donc plusieurs questions :
- Ai-je bien procédé en utilisant la propriété float ?
- Quel est le rôle alors de la propriété clear si une fois appliquée on est autant limité (impossible d'appliquer des marges haut et bas
- La technique de le marge des 600px est-elle bonne ou mauvaise ?


ps : Si vous désirer les fichiers de mon site en fichier rar pour être plus à l'aise nhsitez pas à me le demander ;-)


Merci d'avance
Hugo




*La musique fait la force*
A voir également:

2 réponses

Bertrand40 Messages postés 1196 Date d'inscription vendredi 27 mars 2009 Statut Membre Dernière intervention 27 février 2023 193
16 avril 2011 à 06:41
Bonjour,

De mémoire il me semble que pour retrouver le flux et appliquer une marge à ton footer, il faut :

- un clear dans ton footer, pour retrouver le flux,
- mais auparavant, un overflow dans la div qui contient tes flottants.

Dis-nous si ça a changé qqchose.

@+
0
hugo_d Messages postés 87 Date d'inscription jeudi 4 septembre 2008 Statut Membre Dernière intervention 21 décembre 2013
17 avril 2011 à 13:25
Merci ca marche nikel ;-)
j'ai appliqué une "overflow:hidden" à ma div contenant mes 3 colonnes. Par contre ca fonctionne sans même appliquer un "clear : both" à mon footer ...
0