Html <div> imbriquées

Résolu/Fermé

tuxinet Messages postés 82 Date d'inscription mardi 1 avril 2008 Statut Membre Dernière intervention 8 juin 2009 - 15 févr. 2009 à 22:55
974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 - 16 févr. 2009 à 09:47

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

A voir également:

Html <div> imbriquées
Editeur html - Télécharger - HTML
Div c++ - Télécharger - Langages
Espace html ✓ - Forum HTML
[**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
Html download - Télécharger - HTML

2 réponses

Réponse 1 / 2

974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
16 févr. 2009 à 05:07

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....

tuxinet Messages postés 82 Date d'inscription mardi 1 avril 2008 Statut Membre Dernière intervention 8 juin 2009
16 févr. 2009 à 08:40

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éponse 2 / 2

974_Vin's_974 Messages postés 547 Date d'inscription vendredi 23 janvier 2009 Statut Membre Dernière intervention 19 février 2009 102
16 févr. 2009 à 09:47

De rien ;) poste ta discussion en résolu pour aider les autres ;)

Discussions similaires

la balise <br> ou <br />

Bonjour,

Quelle est la difference entre la balise
et
?

Pourquoi utiliser l'un et pas l'autre ?

Merci d'avance,

Bonjour,

Comme on lit un peu tout et son contraire sur internet, je voudrais savoir quelle est la balise que l'on doit utiliser pour un retour à la ligne en HTML5.

Merci. :)

Configuration: Windows 7 / Chrome 22.0.1229.79

Balise </br>

Bonjour,

Je viens de créer un site web, et je me suis rendu sur W3C afin d'obtenir le www. mais le site m'affiche une erreur "End tag BR" (pour la balise
), ce que je ne comprends pas vu que le balise
n'existe pas (il me semble...)

Pouvez-vous m'aider svp ?
Merci d'avance et bonne journée !

Espace en HTML

En 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 insécable, dont le code HTML est le suivant : Pour faire des tabulations ou des mises en forme avancées, on peut recourir à la propriété CSS {white-space} . Cette propriété permet de définir si les espaces seront affichés ou pas. La valeur { white-space: pre } affiche tous les espaces. Voir la spécification du W3C et sa traduction en français

Saut de lignes sans <br/>

Bonjour,

Je ne savait pas comment faire un titre explicite donc voilà mon problème:

Je possède un système de news sur mon site mais à chaque fois lors de l'écriture je dois ajouter la balise
pour faire un saut de ligne.

J'ai cherché su google mais ne sachant pas quelle question poser j'ai du mal a bien cibler ma recherche.

Merci d'avance.

Configuration: Windows 7 / Firefox 5.0