[Résolu] Probleme css - ou html je sais pas ^^ par rks` - page 1

Non je ne suis pas un idiot

je connais la difference entre les deux

, seulement voila là j'ai un probleme dont je ne connais pas l'origine c'est pour ça que j'ai mis ce titre afin de ne pas vous induire en erreur

En fait je suis entrain de refaire mon design (avec 3 post par jours là dessus on aura

), et en fait je me suis fait un petit fond blanc avec des diagonales noires (ce n'est pas definitif mais ça craignait en blanc) et j'ai ensuite au milieu de la page une bande grise et c'est la que sont placé mes blocks seulement cette bande je ne veux pas qu'elle ai de valeur je veux qu'elle soit aussi longue qu'il faut pour contenir mes blocks donc j'ai decidé d'enlever sa valeur et la ... PAF !!! ... ma bande qui disparait et mes blocks qui se retrouve sur un jolie fond blanc rayé noir ...

Je vous met l'image de ce que ça donne quand j'ai mis la taille au block
http://img79.imageshack.us/img79/8513/nd6ir.gif
En haut en gris vous avez le blocks haut, ensuite en dessous le block header et en dessous le blocks bas avec la bande grise dont je vous parlait et un l'interieur les blocks : menu et contenu !
je vous passe les codes histoire que vous puissiez voir ce qui se passe :

body {
background–image: url(design/bfond.jpg);
background–attachment: fixed;
margin: auto;
width: 780px;
}
#haut {
background–image: url(design/haut.jpg);
width: 780px;
height: 30px;
border: 1px solid #000000;
}
#header {
background–image: url(design/header.jpg);
width: 780px;
height: 150px;
border: 1px solid #000000;

}
#bas {
background–image: url(design/fond.jpg);
width: 780px;
height: 900px;
border: 1px solid #000000;
}
#menu {
float: left;
width: 150px;
margin–top: 10px;
margin–right: 8px;
margin–bottom: 15px;
margin–left: 10px;
}
.titreMenu {
background–image: url(design/menu.png);
height: 30px;
border–right: 1px solid #000000;
margin–top: 5px;
}
.sousMenu {
background–color: #ffffff;
background–repeat: no–repeat;
border–left: 1px solid #000000;
border–right: 1px solid #000000;
border–bottom: 1px solid #000000;
margin–bottom: 10px;
}

#contenu {
margin–top: 10px;
margin–right: 10px;
width: 602px;
float: right;
}
.titre_contenu {
background–image: url(design/titrec.png);
height: 52px;
}

.sous_contenu {
background–color: #ffffff;
background–repeat: no–repeat;
border–left: 1px solid #000000;
border–right: 1px solid #000000;
border–bottom: 1px solid #000000;
margin–bottom: 10px;
}

.textes {
padding: 5px;
margin–left: 20px;
color: #000000;
font–size: medium;
margin–left: 15px;
margin–right: 10px;
margin–bottom: 10px;
}
.titres {
text–align: center;
color: #000000;
font–weight: bold;
font–style: italic;
padding: 5px;
font–size: small;
}
.liens {
padding: 5px;
color: #000000;
font–size: small;

margin–left: 5px;
margin–top: 0px;
}
.titres_contenu {
padding–top: 15px;
text–align: center;
font–size: large;
font–weight: bold;
font–style: oblique;
}
a {
color: #ff0000;
font–weight: bold;
text–decoration: underline;
}
#menu p
{
margin: 0px;
}
#contenu p
{
margin: 0px;
}
h1 {
font–family: "Comic Sans Ms"‚ Arial;
}

<!DOCTYPE html PUBLIC "–//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1–strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<link href="format.css" rel="stylesheet" type="text/css" />
<title>STAR–WARS.GALAXIES (^.^) May the be force with you (^.^) </title>
<meta http–equiv="Content–Type" content="text/html; charset=iso–8859–1" />
</head>
<body>
<div id="haut">
<div class="titres">
© "Dark–Side"‚ 2005–2006‚ tous droits reservés.
</div>
</div>
<div id="header">
<!–– la bann ––>
</div>
<div id="bas">

<div id="menu">
<div class="titreMenu">
<div class="titres">
<p>Menu</p>
</div>
</div>
<div class="sousMenu">
<div class="liens">
<p><a href="lien1.html">lien 1</a>
<br />lien 2
<br />lien 3</p>
</div>
</div>

<div class="titreMenu">
<div class="titres">
<p>Menu 2</p>
</div>
</div>
<div class="sousMenu">
<div class="liens">
<p>lien 1
<br />lien 2
<br />lien 3</p>
</div>
</div>
</div>

<div id="contenu">
<div class="titre_contenu">
<div class="titres_contenu">
<p>essai</p>
</div>
</div>
<div class="sous_contenu">
<div class="textes">
<p>Essai ... <br />
Bla‚ bla‚ bla ...</p>
</div>
</div>
</div>

</div>
</body>
</html>

Voila merci d'avance de votre aide

rks`

4 mars 2006 à 13:41:43

5 mars 2006 à 10:52:45

Personne ne sait d'où ça vient ?

jp949

5 mars 2006 à 11:05:28

a vrai dire ce que je ne sais pas , c'est ce que tu veux

5 mars 2006 à 11:09:10

Ben sur l'image on voit une bande grise derrière les blocks menu et news seulement cette bande a une taille fixe que je lui ai donné et je voudrait qu'elle soit extensible en fait je veux qu'elle soit juste assez longue pour contenir les blocks mais quand j'eneleve la valeur et ben elle passe en dessous des blocks, on ne la voit plus c'est comme si elle avait dispâru...
Screen : ici
Et si j'ecrit du texte dessus suffisamenet pour qu'elle descende en dessous des blocks eh bien elle les repoussent, les blocks ne passe plus dessus.
Screen : ici
J'espère que c'est comprehensible