28173 sujets

CSS et mise en forme, CSS3

RESOLU Probleme d'allongement de DIV

Voila j ai posté dans la rubrique HTML mais je pense que celle ci sera mieux appropriée...

Bonjour, je suis confronté a un petit problème récurent...

Je cree actuellement une page web contenant une DIV ID="PAGE" placée juste apres la balise BODY et qui se ferme en fin de page juste avant BODY, dans mon CSS je lui attribue BLANC comme couleur de fond... Jusque là tous va bien... mais lorsque je remplis ma page et que les BLOCCONTENU s'agrandisse.. la DIV PAGE elle ne s'agrandit pas.

<body>

<div id="page">

<!--header-->

<div id="header"></div>

<!--MENU-->

<div id="blocMenu">

<div class="blocTitre"><div class="titre">MENU</div></div>

<div class="menuLiens"><div class="texte">LIEN PAGE</div></div>

</div>



<!--CONTENU-->

<div id="blocContenu">

<div class="blocTitre"><div class="titre">CONTENU</div></div>

<div class="contenuTexte"><div class="texte">TEXTE DE CONTENU</div>

</div>
<!--FOOTER-->
<div id="footer"><div class="partenaire"></div></div>
<div id="copyright"></div>
</div>
<!--Fin de page-->
</body>



voici le CSS qui n'est pas terminé mais le probleme est deja present.


/* Bloc de la page */

body{

background-color:#00FF00;

margin: 0;

font-family: verdana, arial, sans-serif;

font-size:12px;

text-align:center;

}

#page{

border:1px solid #000000;

background-color:#FFFFFF;

width:760px;

height:auto;

margin-right:auto;

margin-left:auto;

margin-top:10px;

padding:0px;

text-align:left;

}

#header{

border-bottom:1px solid #000000;

}

#blocMenu{

margin-top:5px;

margin-left:10px;

width:150px;



float:left;

}

#blocContenu{

margin-top:5px;

margin-right:10px;

width:570px;

height:400px;

float:right;

border:1px solid #000000;

}



#footer{

float:left;

margin-top:5px;

margin-left:10px;

}

#copyright{

margin-top:5px;

margin-right:0px;

float:right;

font-size:10px;

color:#FFFFFF;



}



/* Bloc de contenu */

.blocTitre{ 

background-color:#00CC00;

text-align:center;

border-bottom:1px solid #000000;

}

.menuLiens{

}

.menuLiens li a { color:#00CC00;

text-decoration: none ;}

.contenuTexte{

}

.titre{ 

font-size:14px;

color:#FFFFFF;

text-shadow:#333333;

text-transform:capitalize;

}

.texte{

}

.partenaire{

font-size:10px;

color:#999999;

}

.partenaire a {

font-size:10px;

color:#999999;

text-decoration:none;

}




J espere que cela vous aider à m'aider car je n arrive pas a comprendre pq ce probleme... la DIV PAGE est sensé suivre l'allongement de la page, non? qu ai je mal codé?

Merci de votre aide.
Modifié par Webconcept (12 May 2006 - 23:55)
Administrateur
Hello,

Tu dois te douter que la grande majorité des sujets ici (voire tous) traitent de "Problèmes de mise en page".

Ton sujet va donc malheureusement vite se perdre dans la masse, tout simplement parce que tu ne donnes pas assez de précision dans ton titre Smiley decu

Webconcept a écrit :
Voila j ai posté dans la rubrique HTML mais je pense que celle ci sera mieux appropriée...
Il aurait été plus simple de demander à un modérateur de le déplacer, non ? Smiley cligne
Modifié par Raphael (12 May 2006 - 18:23)
Merci pour ta suggestion, j espere que ce Titre attirera plus de personner suceptible de m aider...

Pour le moderateur.. j'aurais effectivement pu demander mais je n en connais aucun.
Administrateur
Webconcept a écrit :
Pour le moderateur.. j'aurais effectivement pu demander mais je n en connais aucun.

Peut-être parce que tu ne suis pas assez la vie de ce forum ? Smiley smile
Voici un sujet en annonce dans le Bar Smiley cligne

Et encore plus simplement, tu as un lien "Prévenir un modérateur" en bas des sujets Smiley smile
Modifié par Raphael (12 May 2006 - 18:37)
Sujet clos
Aller à