Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
2644 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème height:100%; (nouveau problème)

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème height:100%; (nouveau problème)

n°1388188
OhAime971
J'aime pas le C !
Posté le 15-06-2006 à 14:36:27  profilanswer
 

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
mood
Publicité
Posté le 15-06-2006 à 14:36:27  profilanswer
 

n°1388192
gatsu35
Blablaté par Harko
Posté le 15-06-2006 à 14:39:00  profilanswer
 

table td {height:100%}

n°1388201
OhAime971
J'aime pas le C !
Posté le 15-06-2006 à 14:43:42  profilanswer
 

Ah oui! niquel! merci beaucoup!!
 
Mais par défaut les cellules ne prennent pas la totalité de la hauteur du tableau alors?

n°1388205
gatsu35
Blablaté par Harko
Posté le 15-06-2006 à 14:48:27  profilanswer
 

en fait c'est un fix qu'on a utilisé chez nous pour avoir des blocs de meme hauteur sur une ligne

n°1388214
OhAime971
J'aime pas le C !
Posté le 15-06-2006 à 14:53:16  profilanswer
 

Ah okay!!
 
Ben merci beaucoup !

n°1388261
OhAime971
J'aime pas le C !
Posté le 15-06-2006 à 15:45:59  profilanswer
 

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:
 
http://ohaimefs2002.ifrance.com/prob1.GIF
 
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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème height:100%; (nouveau problème)

 

Sujets relatifs
Probleme avec la fonction GETProblè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 winProgrammation 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
Plus de sujets relatifs à : Problème height:100%; (nouveau problème)


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR