28173 sujets

CSS et mise en forme, CSS3

Bloc qui débloque

J'ai un conteneur(entete) contenant 2 blocs l'un à côté de l'autre (entete-gauche et entete-droite).
J'ai un bloc qui doit se placer sous le conteneur(entete-bas).

Mon problème c'est que le texte ayant pour style entete-bas se trouve décalé au niveau de la fin du bloc entete-gauche alors qu'il devrait complètement à gauche.
Petit schéma:
Entete-Gauche Entete-Droite
Entete-bas texte-entete-bas


#entete{
  height:114px;
}

#entete-gauche {
  float:left;
  margin-left: 0;
  width: 462px;
}

#entete-droite {
  float:left;
  margin-left: 10px;
}

#entete-bas {
  background-color:white;
  height:16px;
}


<div id="entete">
  <div id="entete-gauche">Une image</div>
  <div id="entete-droite">Une image</div>
</div>
<div id="entete-bas">Texte</div>



Merci !
PS: Problème sous Firefox uniquement...ça arrive ^^
Salut !
C'est difficile de bien cerner ton problème.
Aurai-tu sil te plait un exemple en ligne?

Essaie de jouer avec le positionnement (relative, absolute).
Conseil : repars de zéro et place bloc après bloc en testant sur chaque navigateur à chaque modification.
Modifié par Ralfman68 (14 May 2006 - 03:42)
Salut

Avec le peu d'information que l'on a

ceci devrais faire ce que tu demande

#entete-bas {
  clear: both;
  background-color:white;
  height:16px;

}

A+
Modifié par gege71 (14 May 2006 - 03:44)
Administrateur
Cybergifle a écrit :
Pardon pour le doublon j'ai fait citer au lieu de éditer... Smiley decu

Corrigé Smiley cligne
gege71 a écrit :
Salut

Avec le peu d'information que l'on a

ceci devrais faire ce que tu demande

#entete-bas {
  clear: both;
  background-color:white;
  height:16px;

}



Ca marche, seul petit soucis c'est que ça m'introduit une toute petite marge avec le conteneur du dessus.
Et alors pourquoi le texte se trouve dans le flux du conteneur alors que son bloc y est extérieur ?
Modifié par Cybergifle (14 May 2006 - 12:27)
Sujet clos
Aller à