28172 sujets

CSS et mise en forme, CSS3

Probleme de positionnement de div

Bonjour à tous

J'essaye de développer un site qui pourrait s'avérer intéressant pour tout les newbies en informatique mais cotée software..

Mais j'ai un petit probleme qui persite c'est le positionnement de mon pied de page... :o

En fait si je n'ai aucun contenu dans mon body ou dans ma div corps, le pied de page ne restera pas en bas de la page, il s'arretera à la fin de mon menu de gauche.. :euh:

Le plus simple pour illustrer et de vous rendre à cette adresse http://tuto-info.servhome.org ! !

Voila alors si quelqu'un pouvait m'aider, ^^

petite explication supplémentaire Smiley langue

architecture du code HTML du site
Code : HTML

<body>
   <div id="general">
      <div id="global_entete"></div>
      <div id="general_corps">
         <div id="sup_menu">
            <div id="global_menu"></div>
         </div>
         <div id="global_corps"></div>
      </div>
      <div id="global_pied"></div>
   </div>
</body>



Voila pour ce qui est de la semantique HTML du site... Smiley lol
et pour le CSS :
Code : CSS

body{
	width: 100%;
	margin: auto;
	background-image: url("/templates/images/general/fond_site.png");
	background-repeat: repeat-y;
	background-position: center;
}
#general{
	width: 100%;
	margin:auto;
}
#global_entete{
	width: 100%;
	height: 125px;
	background-image: url("/templates/images/general/fond_entete.png");
	background-repeat: repeat-x;
}
#general_corps{
	margin: auto;
	width: 950px;
	background-position: center;
}
#sup_menu{
	float: left;
	width: 200px;
}
#global_menu{
	float: left;
	width: 202px;
	padding-top: 20px;
	margin-left: -4px;
	margin-top: 30px;
	border-bottom: 1px solid white;
	background-color: #e7e9eb;
}
#global_corps{
	float: right;
	width: 675px;
	padding: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 40px;
	margin-bottom: 40px;
	padding-top: 10px;
}
#global_pied{
	clear: both;
	width: 100%;
	height: 105px;
	background-image: url("/templates/images/general/fond_pied.png");
	background-repeat: repeat-x;
}



J'espere que vous pourrez prendre un peut de votre temps pour essayer de m'aider.. Smiley cligne
Je pense que c'est un probleme qui pourrait intéresser d'autres internautes.. :-°

Merci d'avance pour vos réponses qui je l'espere seront nombreuses Smiley lol
c gentil de la reponse mais sa ne marche pas, si je met mon pied de page en absolute et que je met soit mon body soit ma div general en relative, je me retrouve avec mon pied de page qui se retrouve en haut de ma page.

Et si je met la div du pied de page en enfant de la div general_corps, mon pied de page ne prend plus 100% de la page normal vu que j'ai limiter la taille max de la div general_corps..


Je ne voit plus quoi faire
julius0123 a écrit :
Je ne voit plus quoi faire

Relire l'article attentivement peut-être? La marche à suivre est clairement expliquée pas à pas, tu devrais y parvenir sans trop de soucis en y mettant un peu du tiens… Smiley cligne
Sujet clos
Aller à