[css2] pourcentage d'un width

pourcentage d'un width [css2] - HTML/CSS - Programmation

Marsh Posté le 16-10-2002 à 19:10:45    

bon alors la y a un truc que je pige pas
 
ma page est couper en 2 div : un pour le menu de 150px et le 2e qui prend la place qui reste (suivant la taille de la fenetre donc
 
j ai fait un tableau dans le 2e div et j  aimerais que ce tableau mesure 90% de ce div
 
dans ma feuille de style j utilise donc :
 

Code :
  1. table.news
  2. {
  3. width: 80%;
  4. border: 0;
  5. border-spacing: 0;
  6. }


 
le probleme c que ca fonctionne sous ie 5.0 qui gere le css1 uniquement mais pas sous mozilla 1.0 qui lui gere le css2
 
sous mozzilla le tableau prend 100% de la taille du div
 
ou est l erreur ?

Reply

Marsh Posté le 16-10-2002 à 19:10:45   

Reply

Marsh Posté le 16-10-2002 à 19:20:46    

Reply

Marsh Posté le 16-10-2002 à 19:25:43    

Code :
  1. div.menu
  2. {
  3. position: absolute;
  4. top: 175px;
  5. left: 0px;
  6. width: 150px;
  7. font-size: 18px;
  8. line-height: 36px;
  9. }
  10. div.corps
  11. {
  12. position: absolute;
  13. top: 0px;
  14. left: 150px;
  15. }


 
voila

Reply

Marsh Posté le 16-10-2002 à 20:14:10    

Essaye en ajoutant "right: 0px;" à div.corps.
 
Cela dit le comportement de Mozilla est logique, vu que tu n'as pas défini de largeur pour div.corps, il prend toute la place disponible.

Reply

Marsh Posté le 16-10-2002 à 20:37:36    

gm_superstar a écrit a écrit :

Cela dit le comportement de Mozilla est logique, vu que tu n'as pas défini de largeur pour div.corps, il prend toute la place disponible.




tout a fait et c'est ce que je veux
 
le probleme c mon tableau dans ce div c lui qui doit faire 90% du div et c ca qui fonctionne pas sous mozilla

Reply

Marsh Posté le 16-10-2002 à 20:52:24    

Et avec ce que je t'ai indiqué ????

Reply

Marsh Posté le 16-10-2002 à 21:07:51    

j avais pas eu le temp de tester
 
ca marche :wahoo:  
 
t es un amour :love:  :love:  :love:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed