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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  CSS: pourquoi ça marche pas ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

CSS: pourquoi ça marche pas ?

n°1636295
basile238
Posté le 04-11-2007 à 11:11:48  profilanswer
 

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.

mood
Publicité
Posté le 04-11-2007 à 11:11:48  profilanswer
 

n°1636297
FlorentG
Unité de Masse
Posté le 04-11-2007 à 11:25:26  profilanswer
 

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

n°1636319
basile238
Posté le 04-11-2007 à 12:13:03  profilanswer
 

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.

n°1636320
basile238
Posté le 04-11-2007 à 12:15:42  profilanswer
 

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

n°1636336
gatsu35
Blablaté par Harko
Posté le 04-11-2007 à 13:09:16  profilanswer
 

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

n°1636352
basile238
Posté le 04-11-2007 à 13:41:19  profilanswer
 

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.

n°1636361
basile238
Posté le 04-11-2007 à 13:53:05  profilanswer
 

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.

n°1636374
gatsu35
Blablaté par Harko
Posté le 04-11-2007 à 14:13:11  profilanswer
 

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
n°1636376
basile238
Posté le 04-11-2007 à 14:17:09  profilanswer
 

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.
 

n°1636377
FlorentG
Unité de Masse
Posté le 04-11-2007 à 14:17:56  profilanswer
 

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

mood
Publicité
Posté le 04-11-2007 à 14:17:56  profilanswer
 

n°1636381
basile238
Posté le 04-11-2007 à 14:21:08  profilanswer
 
n°1636382
FlorentG
Unité de Masse
Posté le 04-11-2007 à 14:25:11  profilanswer
 

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é :)

n°1636384
basile238
Posté le 04-11-2007 à 14:27:50  profilanswer
 

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 ?

n°1636387
FlorentG
Unité de Masse
Posté le 04-11-2007 à 14:29:51  profilanswer
 

Avec un .htaccess, avec dedans :

Code :
  1. AddType text/css .css

n°1636389
basile238
Posté le 04-11-2007 à 14:38:08  profilanswer
 

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


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

  CSS: pourquoi ça marche pas ?

 

Sujets relatifs
{RESOLU} CSS, marche et marche pasCSS : input[type=text] marche pas sur IE ?
[CSS] - Pourquoi min-width ne marche pas ?[CSS] Firefox: ca marche, IE: ca marche pas(pb de postionnement)
css, display: none; ça marche bien mais ...[CSS] margin-bottom ... ca marche pas ?
[CSS] Ca marche avec Firefox mais pas avec IE... Comment faire ?[CSS] border-bottom marche pas ! [résolu]
[HTML/CSS] Pourquoi ça marche sous ie et pas sous mozilla[CSS / link rel/PHP] aide mon CSS marche plus si je le link... (PHP)
Plus de sujets relatifs à : CSS: pourquoi ça marche pas ?


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