CSS: pourquoi ça marche pas ?

CSS: pourquoi ça marche pas ? - HTML/CSS - Programmation

Marsh Posté le 04-11-2007 à 11:11:48    

Bonjour,
 
maintenant je comprends le secret des moines zen pour arriver à rester si calme.
Ils n'essayent pas de programmer des feuilles de style.
 
Bon sérieusement.
J'ai fait la feuille de style suivante:
 

Code :
  1. html, body { width: 100%; height: 100%; }
  2. body { margin: 0; padding: 0; font-family: verdana; font-size: 12px; background-color: #ffffff; }
  3. #pc {
  4. position: absolute;
  5. top: 0cm;
  6. left: 0cm;
  7. width: 6cm;
  8. height: 3cm;
  9. background-color: #66CC33;
  10. }
  11. #verts {
  12. position: absolute;
  13. top: 3cm;
  14. left: 0cm;
  15. width: 6cm;
  16. height: 1cm;
  17. }
  18. #fn {
  19. position: absolute;
  20. top: 0cm;
  21. left: 6cm;
  22. width: 15cm;
  23. height: 2cm;
  24. }
  25. #mpf {
  26. position: absolute;
  27. top: 2cm;
  28. left: 6cm;
  29. width: 15cm;
  30. height: 2cm;
  31. }


 
et le fichier html suivant:
 

Code :
  1. <html>
  2. <head>
  3. <title>Sans Titre</title>
  4. <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  5. <link rel="stylesheet" media="screen" type="text/css" href="style.css">
  6. </head>
  7. <body bgcolor="#FFFFFF">
  8. <div id="pc">
  9. PC
  10. </div>
  11. <div id="fn">
  12. FN
  13. </div>
  14. <div id="verts">
  15. VERTS
  16. </div>
  17. <div id = "mpf">
  18. MPF
  19. </div>
  20. </body>
  21. </html>


 
Ca marche sous Internet Explorer (ça me fait bien un cartouche de 4 zones), mais absolument rien sous mozilla qui se contente d'écrire:
 
PC
FN
VERTS
MPF
 
 
(les noms de partis politiques, c'est parce-que j'ai rien trouvé de mieux pour nommer des zones se situant à gauche, au centre ou à droite).
 
Quelqu'un comprend pourquoi ça ne marche pas sous Mozilla ?
 
Merci d'avance pour votre aide.

Reply

Marsh Posté le 04-11-2007 à 11:11:48   

Reply

Marsh Posté le 04-11-2007 à 11:25:26    

Déjà met un doctype strict, vire le bgcolor sur le body

Reply

Marsh Posté le 04-11-2007 à 12:13:03    

FlorentG a écrit :

Déjà met un doctype strict, vire le bgcolor sur le body


 
Salut et merci pour ta réponse.
 
J'avais bien mis un doctype en fait
 

Code :
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">


 
mais je ne l'ai pas copié collé ici car je ne pensais pas que ça aurait une importance.
Quand au bgcolor sur le body, j'essaye tout de suite de le virer.

Reply

Marsh Posté le 04-11-2007 à 12:15:42    

Maleureusement ça marche pas mieux en virant le bgcolor du tag body.
Une autre idée peut-être ?

Reply

Marsh Posté le 04-11-2007 à 13:09:16    

et changer toutes les unités pour des px [:dawa] car le cm sur un écran c'est pas super [:dawa]

Reply

Marsh Posté le 04-11-2007 à 13:41:19    

gatsu35 a écrit :

et changer toutes les unités pour des px [:dawa] car le cm sur un écran c'est pas super [:dawa]


 
Non j'ai vraiment envie d'utiliser le cm.
Premièrement parce-que c'est plus facile de se faire une idée des dimensions en cm quand on programme.
Deuxièmement parceque les cm ont la même longueur sur internet explorer et sur firefox, ce qui n'est pas le cas du pixel.
Troisièmement parce-que certaines pages de mon site auront vocation à être imprimées donc je préfère faire une présentation dont je suis sûr qu'elle ait toujours 21 cm de largeur...
 
Et puis l'unité cm est dans la norme css, je vois pas pourquoi je pourrais pas l'utiliser.

Reply

Marsh Posté le 04-11-2007 à 13:53:05    

Je viens de virer le cm et de mettre des mesures en pixels, au cas où, par je ne sais quelle folie, firefox n'accepterait pas les cm.
Et bien, ça ne vient pas de là car c'est toujours exactement le même résultat, à savoir aucune prise en compte des zones définies dans le css.

Reply

Marsh Posté le 04-11-2007 à 14:13:11    

basile238 a écrit :

 

Non j'ai vraiment envie d'utiliser le cm.


Ben si tu dois [:dawa]
Premièrement parce-que c'est plus facile de se faire une idée des dimensions en cm quand on programme.

Citation :


Deuxièmement parceque les cm ont la même longueur sur internet explorer et sur firefox, ce qui n'est pas le cas du pixel.


Le cm est une unitée de mesure pour quelque chose qui ira sur du papier, pas pour un truc qui ira sur un écran.
le px c'est le meme depuis le début du net aussi bien pour IE, FF, Safari, Opera ou n'importe quel navigateur capable d'afficher une page web [:dawa]

Citation :


Troisièmement parce-que certaines pages de mon site auront vocation à être imprimées donc je préfère faire une présentation dont je suis sûr qu'elle ait toujours 21 cm de largeur...


Ben là tu déclare une CSS pour le print, et tu y mets des cm dans ce cas

 
Citation :


Et puis l'unité cm est dans la norme css, je vois pas pourquoi je pourrais pas l'utiliser.


Bah pour le print pardi [:dawa]

 

PS : le position:absolute c'est le mal pour une mise en page standard, file un dessin à l'arrache de ce que tu souhaite obtenir comme mise en page et je te filerai le code correct et expliqué pour la mise en page que tu souhaite


Message édité par gatsu35 le 04-11-2007 à 14:14:31
Reply

Marsh Posté le 04-11-2007 à 14:17:09    

Citation :


Ben si tu dois


 
C'est une nouvelle religion la programmation css ?
 
De toute façon, comme je l'ai dit précédemment, ça ne marche pas non plus avec les pixels.
Si tu trouves une manière de faire ce que je veux faire avec des pixels, je suis preneur, parce-que pour l'instant pixel ou cm, firefox ne veut rien entendre.
 

Reply

Marsh Posté le 04-11-2007 à 14:17:56    

Y'a un problème ailleurs, met ta page quelque part sur internet qu'on puisse voir

Reply

Marsh Posté le 04-11-2007 à 14:17:56   

Reply

Marsh Posté le 04-11-2007 à 14:21:08    

Reply

Marsh Posté le 04-11-2007 à 14:25:11    

La première chose à faire donc est de vérifier les entêtes HTTP, ça donne ça :
http://img510.imageshack.us/img510/2879/tampervk4.png
 
On voit que la feuille de style est envoyé avec le type mime text/html, au lieu de text/css. C'est donc ton serveur web qui est mal configuré :)

Reply

Marsh Posté le 04-11-2007 à 14:27:50    

Merci à toi! Quelle efficacité!
Je commençais à devenir fou (surtout vu la simplicité de ma feuille de style).
Sais-tu comment remédier à cela sachant que je n'ai pas accès aux paramètres du serveur ?

Reply

Marsh Posté le 04-11-2007 à 14:29:51    

Avec un .htaccess, avec dedans :

Code :
  1. AddType text/css .css

Reply

Marsh Posté le 04-11-2007 à 14:38:08    

Bon ben je te tire un grand coup de chapeau car grâce à toi cela fonctionne.
Merci!!

Reply

Sujets relatifs:

Leave a Replay

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