Rechercher : dans
Par :

Html <div> imbriquées

Dernière réponse le 16 fév 2009 à 09:47:26 tuxinet, le 15 fév 2009 à 22:55:32 
 Signaler ce message aux modérateurs

Bonjour,

j'ai un souci avec des div... je suis en train de faire le header qui doit contenir une div de gauche et une div de droite. La div de droite doit elle encore contenir deux divs :

voici mon fichier css :

#page {
width:1000px;
height:650px;
text-align:left;
margin:0 auto;

background:#000000;
}

#header {
width:1000px;
height:200px;

background:#333333;
}

#subheader_left {
width:300px;
height:200px;

background:#555555;
}

#subheader_right {
width:700px;
height:200px;

background:#777777;
}

#subheader_right_top {
width:700px;
height:75px;

background:#555FFF;
}

#subheader_right_bottom {
width:700px;
height:125px;

background:#555000;
}

Et le fichier index.php :

<div id="page">
<div id="header">
<div id="subheader_left">
</div>
<div id="subheader_right">
<div id="subheader_right_top">
</div>
<div id="subheader_right_bottom">
</div>
</div>
</div>
</div>

Je ne sais vraiment pas pourquoi mais la div subheader_right ne se trouve pas dans le header... mais dessous... et j'ai beau eu chercher... je n'ai pas trouvé de solution..

Quelqu'un peut-il m'aider? Merci d'avance

Configuration: Mac OS X
Firefox 3.0.5

Meilleures réponses pour « html
imbriquées » dans :
[Site web] Vérifier, optimiser et nettoyer son code HTML VoirLes logiciels WYSIWYG de création de pages web produisent parfois du contenu HTML rempli de balises HTML inutiles, voire incompatibles avec les recommandations du W3C. Les outils proposés ci-dessous permettent de vérifier la validité du code HTML...
Enlever le soulignement sous les liens en HTML/CSS VoirPar défaut, les liens hypertextes en HTML sont soulignés, un trait de la couleur du lien apparaît en dessous du texte. Il est possible de supprimer ce soulignement à l'aide de la propriété CSS text-decoration:none : Grâce au CSS Grâce au CSS via...
Espace en HTML VoirEn HTML, les espaces consécutifs sont ignorés par les navigateurs, au même titre que les retours chariots ou les tabulations. Pour insérer plusieurs espaces consécutifs, il est nécessaire d'utiliser une entité HTML spécifique, appelée espace...
Télécharger HTML Tidy VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire s'utilise en mode de commande uniquement. La présente version, appelée "GUI Tidy", possède une interface graphique. Notez...
Télécharger HTML Tidy fr VoirHTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. Cette version est la version 1.1.5.0, c'est-à-dire la version de base ! Ayant remarqué que les débutants avaient des problèmes dans l'utilisation de la version...
DHTML - La notion de couche VoirQu'est-ce qu'une couche? Le DHTML est basé sur une fonctionnalité provenant de la norme 4.0 du HTML: les feuilles de style en cascade de positionnement, aussi appelée CSS-P (Cascading Style Sheets Positionning). Celles-ci permettent de définir des...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...

1

974_Vin's_974, le 16 fév 2009 à 05:07:40
  • +1

Hummm essaye de rajouter ça :


#subheader_left {
width:300px;
height:200px;
float:left;
background:#555555;
}

Parce que aparament, tes div sont très bien placées....
Dséolé puor l'otrhogarphe, arpès tuot on s'enfuo, t'es bein capbale de cmoprnedre ça non ??
[' Tu tr0uveras t0uj0urs plus f0rt que t0i ']

Répondre à 974_Vin's_974

2

tuxinet, le 16 fév 2009 à 08:40:09

Grand merci... Ca marche!!!

J'ai rajouté float:left; au subheader_left et au subheader_right dans mon ficher css.

Merci beaucoup 974_Vin's_974

Répondre à tuxinet

3

 974_Vin's_974, le 16 fév 2009 à 09:47:26

De rien ;) poste ta discussion en résolu pour aider les autres ;) Dséolé puor l'otrhogarphe, arpès tuot on s'enfuo, t'es bein ­capbale de cmoprnedre ça non ??
[' Tu tr0uveras t0uj0urs plus f0rt que t0i ']

Répondre à 974_Vin's_974