mise en page à l'aide de div

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : mise en page à l'aide de div

rdams

Bonjour,

je ne sais pas si je suis dans la bonne rubrique, dites moi si je dois changer.

je suis en train de réaliser un site perso, où sera regroupé plusieurs sujet (memento programmation, carte postale ancienne, galerie de photo, ma généalogie ajout de rubrique au fur et à mesure).

j'ai un souci concernant la mise en page, certaine page ne font pas la hauteur de l'ecran quand elle ne sont pas assez remplie.
comment faire pour forcé la hauteur de la page sur la hauteur de l'écran.

je gère la mise en page à l'aide de <div>

Voilà comment sont placés mes <div>

Code :

Code :

<div id="conteneur">
<div id="entete">
</div>
<div id="contenupage">
<div id="menugauche"></div>
<div id="menudroite"></div>
<div id="milieu"></div>
</div>
<div id="pied">
</div>
</div>

style css des <div>

Code :

div#conteneur
{
width: 1024px ;
height:inherit;
margin: 0 auto ;
text-align: left ;
/*border: 1px solid #44526B ;*/
border-left:1px solid #44526B;
border-right:1px solid #44526B;
background: #D7DDE6 ;
}
div#entete
{
height: 100px ;
margin: 0 ;
background-color: #C5C8D6;/*D6*/
}
p#entete2
{
height: 100px ;
margin: 0 ;
background: url(../img/haut.jpg) no-repeat center top ;
}
p#pied {
margin: 0 ;
padding-right: 10px ;
line-height: 30px ;
text-align: center ;
color:#000000;
font-family:Verdana;
font-size:11px;
background-color: #C5C8D6;
}
div#contenu
{
padding: 0px 0px 0px 0px ;
/* background: url(bg_page.gif) no-repeat 15px 15px ;*/
background: #D7DDE6;/*D7DDE6*/
vertical-align:top;
/*height:800px;*/
}
div#milieu_gauche {
float: left;
width: 140px;
background-color: #D7DDE6;
height:inherit;
}
div#milieu_contenu {
height:inherit;
margin-top: 0px;
margin-left: 140px;
margin-right: 140px;
border-left:1px solid #44526B;
border-right:1px solid #44526B;
background-color: #FFFFFF;
vertical-align:top;
}
div#milieu_droite {
float: right;
width: 140px;
background-color: #D7DDE6;
height:inherit;
}

voici l'adresse rambeaux.damien.free.fr

de plus, n'étant pas du tout graphiste, j'aimerais avoir vos avis sur ce que je pourrais réalisé niveau graphisme sur la sur la bande en haut.

merci

Publicité

Profil supprimé

height 100%; :??:

Message édité par Profil supprimé le 17-07-2007 à 21:54:50

rdams

J'ai essayé de le mettre un peu partout, mais ca ne change rien.

les height : inherit; sont aussi un test, si je les enleve ca ne change rien.

dans le div "contenu" j'avais mis un height : 800px comme ça, ça fonctionne, mais je trouve que ce n'est pas propre.

xtof_83

Freeride Spirit

ça se fait pas

FlorentG

Ca ne se fait effectivement pas

Le mieux est de laisser les colonnes telles quelles, avec la hauteur qu'elles ont naturellement. Au mieux on peut tricher avec un faux-column pour faire style elles ont la même taille.

Ou alors t'es roots, t'as pas peur, t'es un dur, et t'ose faire un :

Code :

#contenupage {
overflow: hidden;
}
#menugauche, #menudroite, #milieu {
padding-bottom: 32767px;
margin-bottom: -32767px;
}

Mais attention, c'est explosif...

FORUM HardWare.fr

Programmation

HTML/CSS

mise en page à l'aide de div

Sujets relatifs
Mise en ligne d'une page allopass	Plusieurs flash dans une page html - probleme avec swfObject
Besoin d'aide pour un futur site > defilement photos (noob)	Problème boucle à droite!
Erreur de compatibilté merci de votre aide	asp.net: rechargement->perte de la position dans la page
Aide pour faire une mise en page :-)	[HTML] Mise en page en TABLO ! PB tres bizar ! A l'aide !!
Mise en page avec Netscape: besoin d'aide !	probleme de mise en page sur vb6 aide à une debutante
Plus de sujets relatifs à : mise en page à l'aide de div

Page générée en 0.038 secondes