Probleme de max-height
baroutch
Messages postés
4
Statut
Membre
-
the_bouncer Messages postés 107 Statut Membre -
the_bouncer Messages postés 107 Statut Membre -
Bonjour,
J'ai préparé la maquette d'un site à un tout petit détail près : la div qui contient le menu ne s'affiche pas jusqu'en bas. J'ai pourtant essayé height:100% et max-height:100px et rien n'y fait alors que cela marche avec mon content. Peut être un problème de compatibilité avec un autre css mais je ne trouve pas ce que cela peut être. Voici mon code HTML :
et mon code CSS :
Si qqn a une idee de ce qui cloche votre aide est la bienvenue
Merci d'avance
J'ai préparé la maquette d'un site à un tout petit détail près : la div qui contient le menu ne s'affiche pas jusqu'en bas. J'ai pourtant essayé height:100% et max-height:100px et rien n'y fait alors que cela marche avec mon content. Peut être un problème de compatibilité avec un autre css mais je ne trouve pas ce que cela peut être. Voici mon code HTML :
<body>
<div id="corps">
<div id="conteinerActu">
<div id="contentActu">
<p> 15 Juin 2009<br />
</p>
<h2>Lorem Ipsum dolor !</h2>
Orientis vero limes in longum protentus et rectum ab Euphratis fluminis ripis ad usque supercilia porrigitur Nili, laeva Saracenis conterminans gentibus, dextra pelagi fragoribus patens, quam plagam Nicator Seleucus occupatam auxit magnum in modum, cum post Alexandri Macedonis obitum successorio iure teneret regna Persidis, efficaciae inpetrabilis rex, ut indicat cognomentum.
<p></p>
<br />
<p class="foto_actu"><img src="img/foto_actu.png" /></p>
<p> 3 Juin 2009<br />
</p>
<h2>At vero eos et accusam</h2>
Soleo saepe ante oculos ponere, idque libenter crebris usurpare sermonibus, omnis nostrorum imperatorum, omnis exterarum gentium potentissimorumque populorum, omnis clarissimorum regum res gestas, cum tuis nec contentionum magnitudine nec numero proeliorum nec varietate regionum nec celeritate conficiendi nec dissimilitudine bellorum posse conferri; nec vero disiunctissimas terras citius passibus cuiusquam potuisse peragrari, quam tuis non dicam cursibus, sed victoriis lustratae sunt.
<p></p>
<br />
<p> 15 Juin 2009<br />
</p>
<h2>Lorem ipsum dolor !</h2>
Constituendi autem sunt qui sint in amicitia fines et quasi termini diligendi. De quibus tres video sententias ferri, quarum nullam probo, unam, ut eodem modo erga amicum adfecti simus, quo erga nosmet ipsos, alteram, ut nostra in amicos benevolentia illorum erga nos benevolentiae pariter aequaliterque respondeat, tertiam, ut, quanti quisque se ipse facit, tanti fiat ab amicis.
<p></p>
<br />
<p> 23 Juin 2009<br />
</p>
<h2>At vero eos et accusam</h2>
Horum adventum praedocti speculationibus fidis rectores militum tessera data sollemni armatos omnes celeri eduxere procursu et agiliter praeterito Calycadni fluminis ponte, cuius undarum magnitudo murorum adluit turres, in speciem locavere pugnandi. neque tamen exiluit quisquam nec permissus est congredi. formidabatur enim flagrans vesania manus et superior numero et ruitura sine respectu salutis in ferrum.
<p></p>
<br />
<p> 25 Juin 2009<br />
</p>
<h2>Lorem ipsum dolor !</h2>
Abusus enim multitudine hominum, quam tranquillis in rebus diutius rexit, ex agrestibus habitaculis urbes construxit multis opibus firmas et viribus, quarum ad praesens pleraeque licet Graecis nominibus appellentur, quae isdem ad arbitrium inposita sunt conditoris, primigenia tamen nomina non amittunt, quae eis Assyria lingua institutores veteres indiderunt.
<p></p>
<p> 3 Juin 2009<br />
</p>
<h2>At vero eos et accusam</h2>
Soleo saepe ante oculos ponere, idque libenter crebris usurpare sermonibus, omnis nostrorum imperatorum, omnis exterarum gentium potentissimorumque populorum, omnis clarissimorum regum res gestas, cum tuis nec contentionum magnitudine nec numero proeliorum nec varietate regionum nec celeritate conficiendi nec dissimilitudine bellorum posse conferri; nec vero disiunctissimas terras citius passibus cuiusquam potuisse peragrari, quam tuis non dicam cursibus, sed victoriis lustratae sunt.
<p></p>
<p></p>
</div>
</div>
<div id="conteinerMenu">
<div id="menu">
<img src="img/menu_actu.png" border="0" usemap="#Map" class="choix"/>
<map name="Map">
<area shape="rect" coords="136,114,193,131" href="agence1.html" />
<area shape="rect" coords="136,150,232,167" href="ressourceIn.html" />
<area shape="rect" coords="136,168,204,186" href="references.html" />
</map>
</div>
</div>
</div>
</body>
et mon code CSS :
*
{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding: 0px;
margin: 0px;
}
body
{
min-height:100%;
height:100%;
margin:0px;
padding:0px;
background-image:url(Img/fond.png);
background-position:left;
background-repeat:repeat-y;
background-attachment:fixed;
}
#corps
{
width:980px;
margin:auto;
}
#conteinerActu
{
background-color:#00accb;
min-width:70%;
min-height:100%;
width:70%;
height:100%;
float:left;
}
#contentActu
{
width:90%;
color:#FFFFFF;
margin-left:30px;
text-align:justify;
margin-right:30px;
margin-top:80px;
position:relative;
height:100%;
min-height:100%;
}
.foto_actu
{
margin-right:10px;
float:left;
}
#menu
{
background-color:#FFFFFF;
margin-top:200px;
}
#conteinerMenu
{
background-color:#FFFFFF;
min-width:30%;
width:30%;
float:left;
height:100%;
min-height:100%;
}
Si qqn a une idee de ce qui cloche votre aide est la bienvenue
Merci d'avance
A voir également:
- Probleme de max-height
- Driver max - Télécharger - Pilotes & Matériel
- I14 pro max - Accueil - Guide téléphones
- Réinitialiser kidicom max - Forum Téléphones & tablettes Android
- Max ou netflix - Accueil - Streaming
- Webcam max - Télécharger - Divers Web & Internet
2 réponses
height:100%;
min-height:100%;
ne sert à rien et ça
min-height:100%;
height:100%;
encore moins.
Le min-height dans le second cas sera oublié...
min-height:100%;
ne sert à rien et ça
min-height:100%;
height:100%;
encore moins.
Le min-height dans le second cas sera oublié...
Salut,
Si je comprends bien ton problème, tu veux que 'conteinerMenu' fasse la même longueur que le 'corps' de ton site!?
Tu as dit avoir testé en px mais sur 'max-height' seulement. Essaye de mettre #conteinerMenu {height: 1000px;} Ça fonctionne pour moi, après c'est empirique, j'ai mis 1000px à titre d'exemple, tu choisis le nombre de pixels en fonction de ton corps.
En espérant avoir bien compris!
Si je comprends bien ton problème, tu veux que 'conteinerMenu' fasse la même longueur que le 'corps' de ton site!?
Tu as dit avoir testé en px mais sur 'max-height' seulement. Essaye de mettre #conteinerMenu {height: 1000px;} Ça fonctionne pour moi, après c'est empirique, j'ai mis 1000px à titre d'exemple, tu choisis le nombre de pixels en fonction de ton corps.
En espérant avoir bien compris!
