Problème height:100%; (nouveau problème)
Problème height:100%; (nouveau problème) - HTML/CSS - Programmation
Marsh Posté le 15-06-2006 à 14:43:42
Ah oui! niquel! merci beaucoup!!
Mais par défaut les cellules ne prennent pas la totalité de la hauteur du tableau alors?
Marsh Posté le 15-06-2006 à 14:48:27
en fait c'est un fix qu'on a utilisé chez nous pour avoir des blocs de meme hauteur sur une ligne
Marsh Posté le 15-06-2006 à 15:45:59
Bon! me revoila! Je pensais qu'en faisant comme ça, ça arrangerai mon problème, mais il n'en est rien!
Je veux que mon calque de gauche soit de la même taille que celui de droite, hors il est toujours un peu plus grand, alors que mes deux calques on height à 100% et que le parent est tableau avec une hauteur fixe!
Un screen pour voir ce que ça fait:
Le cadre rouge est celui qui ne se met pas a la bonne taille!
Code:
CSS:
body {
background-color: #000000;
}
#global {
width:800px;
height:1500px;
margin-left:auto;
margin-right:auto;
background-color: black;
border: 1px solid yellow;
}
#gauche {
width:100px;
height:100%;
background-color: black;
border: 1px green solid;
}
#droite {
width:600px;
height:100%;
border: 1px solid red;
}
#menu {
width: 92px;
height: 190px;
background-color:black;
border:#0099FF 4px solid;
}
#lignehaut {
width: 100px;
background-image:url(back1.jpg);
height:100px;
background-repeat:repeat-y;
}
#lignebas {
width: 100px;
background-image:url(back1.jpg);
height:100%;
background-repeat:repeat-y;
}
#coinhg {
width: 100%;
height:14px;
background-image:url(coin.GIF);
background-repeat:no-repeat;
font-size:1px;
}
table td{
height:100%;
}
HTML:
<body>
<table cellspacing="0" cellpadding="0" border="1px" background="black" height="500px">
<tr><td>
<div id="gauche">
<div id="coinhg"></div>
<div id="lignehaut"></div>
<div id="menu"></div>
<div id="lignebas"></div>
</div>
</td>
<td>
<div id="droite"></div>
</td>
</tr>
</table>
</body>
Message édité par OhAime971 le 15-06-2006 à 15:56:49
Sujets relatifs:
- Probleme avec la fonction GET
- Problème avec des colonnes calculées
- Probleme de stacktrace [/noob inside]
- [resolu][vb6]probleme extraterrestre avec 3 boutons radios
- probleme avec cadre css ..resolution
- [html] problème de tableau ( débutant )
- Problème Tortoise CVS sous win
- Programmation C, problème :(
- [C] SDL_Image.h ect... problème de compilation il aime po mes images..
- Problème : le CSS ne s'applique pas à la page en HTML
Marsh Posté le 15-06-2006 à 14:36:27
Bonjour!
Alors ça fait 2 jours que je cherche une solution à un petit problème que j'ai, mais je ne trouve rien.
En fait, je souhaitais faire 2 cadres de même hauteur (à la taille du cadre qui englobait les deux!) je leur ai donc assigné chacun height:100% mais ça ne fonctionnait pas très bien! les tailles était pas bien respecté.
j'ai donc voulu le faire dans un tableau, j'en ai donc créer un à 2 colonnes. Je places mes calques à l'intérieurs, je leur assigne 100% et là! il reste très plat au lieu de prendre la taille de leur cellule! Alors donc là! je comprend plus rien! je début en CSS, donc il doit y avoir une manip qui m'a échapé! si vous voyez pourquoi ça le fait!
Voilà le code:
HTML:
<table cellspacing="0" cellpadding="0" border="1px" background="black" height="500px">
<tr><td>
<div id="gauche">
</div>
</td>
<td>
<div id="droite"></div>
</td>
</tr>
</table>
CSS:
#gauche {
width:100px;
height:100%;
background-color: black;
border: 1px green solid;
}
#droite {
width:600px;
height:100%;
border: 1px solid red;
}
Message édité par OhAime971 le 15-06-2006 à 15:47:53