[CSS] [résolu] soucis de superposition de div

Bonjour !

D'ailleurs petite anecdote, je viens de m'inscrire, je met une adresse "@hotmail.com", et ça m'a dit "ce domaine n'est pas autorisé". Vous boudez Microsoft ? Heureusement que j'ai d'autres adresses !

Bref ! voilà mes symptômes, j'ai besoin d'un petit coup de main !

Le problème : cette page de site web que je suis en train de refaire.

Réduisez la taille verticalement de la fenêtre de votre explorateur, vous constaterez que le pied de page vient se mettre sur les div du dessus, chose qui n'apparait pas sur les autres pages.

La structure du site :

<div id="center">
   <div id="menu">
   </div>									
   <div id="content">
      <div id="galerie">
         <table width="280" border="0" align="center" cellspacing="0">
         </table>
      </div>
      <div id="tab">
         <img src ... />
      </div>
      <div id="prix">
      </div>
   </div>
</div>
<div id="footer">
[#ff0000]ici le footer qui foire[/#ff0000]
</div>

Voilà les CSS des div concernées :

#footer {
	background: url(images/bas.png) no-repeat;
	text-align: center;
	position: absolute;
	bottom: 0px;
	float: center;
	height: 30px;
	width: 780px;
	}
#center {
	overflow: auto;
	width: 780px;
	font-size: 90%;
	padding: 15px;
	}
#content {
	padding: 10px;
	width: 730px;
	padding-bottom: 15px;
	}
#galerie {
	height: 400px;
	overflow: auto;
	float: left;
	position: absolute;
	width: 300px;
	}	
#tab {
	float: right;
	width: 450px;
	text-align: center;
	}
#prix {
	float: center;
	position: absolute;
	top: 730px;
	}

Voilou, si vous trouvez où est le problème merci beaucoup !
Modifié par Fused (11 Mar 2008 - 17:22)

Salut,

Normal, ton bloc #galerie est en absolute et il a un height de 400px!
Il est hors du flux donc sa hauteur n'est pas prise en compte par ton #center.

Laisse le dans le fux tout simplement

ps : absolute ou float, il faut choisir...
Modifié par ghost (11 Mar 2008 - 12:18)

Merci de ta réponse rapide et efficace, j'ai en effet mal géré les float.

Mon problème est corrigé !

Au passage, vous pensez quoi de ce site ? (Graphiquement)

Bonjour,

Fused a écrit :
petite anecdote, je viens de m'inscrire, je met une adresse "@hotmail.com", et ça m'a dit "ce domaine n'est pas autorisé". Vous boudez Microsoft ? Heureusement que j'ai d'autres adresses !

En fait c'est un dispositif pour empêcher les moins de 15 ans de s'inscrire sur le forum.
Plus sérieusement, je pense que ça vient du fait que de nombreux plaisantins, spammeurs divers, etc., s'inscrivent sur les forums avec des comptes hotmail. J'ai vu d'autres forums bloquer les e-mails hotmail. Récemment, je me suis inscrit sur un forum qui refusait toute adresse e-mail pointant chez un hébergeur gratuit (Hotmail, Gmail, Yahoo, etc.).

Fused a écrit :
Au passage, vous pensez quoi de ce site ? (Graphiquement)

Pour être diplomate, on va dire «Peut mieux faire.»

Après ça dépend des objectifs. Si le but est de faire un site qui a une facture de site perso mais qui reste lisible et propre, ça va. Si le but est de faire un site de qualité professionnelle, ça va pas (même si on pourrait dire la même chose d'un certain nombre de sites réalisés par des professionnels, mais c'est un autre débat).