[HTML + CSS] Comprends pas...

Comprends pas... [HTML + CSS] - HTML/CSS - Programmation

Marsh Posté le 30-11-2004 à 11:10:47    

J'ai une page, qui est valide W3C.
J'ai une CSS, qui est valide W3C.
 
Quand je teste la page avec IE ou Moz, la feuille de style n'est appliquée qu'à moitié (et encore, je suis généreux).
 
Si je rajoute "<!-- putain de truc de merde -->" en tout début du fichier HTML, sous IE, ça marche :pt1cable:
 
Comprends vraiment pas :sweat:
 
Ci-dessous la page HTML et la CSS.
 
-- Edit : Je change de serveur, multimania c'est vraiment trop la merde, y'a même plus la feuille de style du tout avec eux :D --
 
=> Sans le commentaire. Avec le commentaire, les menus notamment sont complètement différents. [:spamafote]
 
Je ne sais plus quoi inventer :sweat:


Message édité par Arjuna le 30-11-2004 à 11:13:01
Reply

Marsh Posté le 30-11-2004 à 11:10:47   

Reply

Marsh Posté le 30-11-2004 à 11:14:35    

http://www.manga-torii.com/files/www_elysee_fr4.htm
 
C'est bon cette fois.
 
Le même avec un commentaire devant :
 
http://www.manga-torii.com/files/www_elysee_fr4bis.htm


Message édité par Arjuna le 30-11-2004 à 11:17:36
Reply

Marsh Posté le 30-11-2004 à 11:25:01    

Ca inspire personne mes problèmes ? :sweat:


Message édité par Arjuna le 30-11-2004 à 11:25:08
Reply

Marsh Posté le 30-11-2004 à 11:56:45    

PS: je tiens à préciser que FireFox bug de le même façon avec le premier lien. Par contre, l'astuce du second lien est sans effet avec ce navigateur.

Reply

Marsh Posté le 30-11-2004 à 13:18:45    

Avec firefox il n'y a aucune différence entre les 2 version par contre la 2 version est annormale sous IE6

Reply

Marsh Posté le 30-11-2004 à 15:12:09    

Flyman30 a écrit :

Avec firefox il n'y a aucune différence entre les 2 version par contre la 2 version est annormale sous IE6


Au contraire, la seconde version est normale avec IE6.
Les menus à gauche doivent avoir du rouge sur leur droite.
 
C'est écrit en toutes lettres dans le CSS [:spamafote]

Reply

Marsh Posté le 30-11-2004 à 15:16:29    

Le rendu tel qu'il doit être (en tout cas, c'est ce que j'ai écrit dans la CSS) c'est ça :
 
http://magicbuzz.multimania.com/elysee_normal.png

Reply

Marsh Posté le 30-11-2004 à 15:46:49    

Là, je suis en train de bosser sur une autre page (même template) et là, IE, avec ou sans le commentaire en en-tête, affiche correctement, alors que Moz fait un grand total n'importe quoi.
 
Seule différence, cette fois j'ai ce doctype :
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 
Alors que l'autre c'est :
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

Reply

Marsh Posté le 30-11-2004 à 15:50:03    

je voudrais bien t'aider mais je ne vois pas où est le(s) problème(s)  
 
ya moyen que tu fasses aussi un screenshot de ce qui ne va pas ?


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 30-11-2004 à 15:59:03    

bon en fait j'ai vu
 
alors pour le formulaire de recherche, commence par virer sa hauteur :
#siteInfo
{
        clear: both;
        width: 780px;
        border: 1px solid #000000;
        font-size: 15px;
        font-weight: bold;
        color: #000066;
        background-color: #91a4ce;
        padding: 0px 0px 0px 0px;
/*      height: 30px;*/
}


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 30-11-2004 à 15:59:03   

Reply

Marsh Posté le 30-11-2004 à 16:01:44    

Mjules a écrit :

bon en fait j'ai vu
 
alors pour le formulaire de recherche, commence par virer sa hauteur :
#siteInfo
{
        clear: both;
        width: 780px;
        border: 1px solid #000000;
        font-size: 15px;
        font-weight: bold;
        color: #000066;
        background-color: #91a4ce;
        padding: 0px 0px 0px 0px;
/*      height: 30px;*/
}


 
Euh... Vi, mais ça va changer quoi ça ? :D

Reply

Marsh Posté le 30-11-2004 à 16:01:57    

pendant qu'on y est tu doit pouvoir enlever le margin: 0 du h6 :
#siteInfo h6
{
        display: inline;  
/*      margin: 0px; */
        font-size: 12px;  
        font-weight: bold;
}
 


---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 30-11-2004 à 16:02:35    

Arjuna a écrit :

Euh... Vi, mais ça va changer quoi ça ? :D


ben chez moi le formulaire retourne dans sa case et ne déborde plus sur le texte en dessous
 
au fait, pourquoi ya des spacers un peu partout ?


Message édité par Mjules le 30-11-2004 à 16:07:27

---------------
Celui qui pose une question est idiot 5 minutes. Celui qui n'en pose pas le reste toute sa vie. |  Membre du grand complot pharmaceutico-médico-scientifico-judéo-maçonnique.
Reply

Marsh Posté le 30-11-2004 à 16:19:23    

Bon, j'ai trouvé un megabug. Je suis vert. Sinon, je suis en train de tout passer en strict, d'après le Site OpenWeb les deux navigateurs devraient se comporter pareil.

Reply

Marsh Posté le 30-11-2004 à 16:20:42    

Mjules a écrit :

ben chez moi le formulaire retourne dans sa case et ne déborde plus sur le texte en dessous
 
au fait, pourquoi ya des spacers un peu partout ?


J'en sais rien, je suis tombé dessus, je savais même pas qu'on avait ce client, c'est une boîte qu'on a racheté qui avait ce projet, et vu que ma boîte à viré tous les développeurs qui ont bossé dessus... Bah c'est bibi qui récupère les pots cassés et je peux vous dire que ça m'emmerde au plus au point (y'a 17000 pages en plus :heink:)

Reply

Marsh Posté le 30-11-2004 à 17:22:36    

Arjuna a écrit :

J'en sais rien, je suis tombé dessus, je savais même pas qu'on avait ce client, c'est une boîte qu'on a racheté qui avait ce projet, et vu que ma boîte à viré tous les développeurs qui ont bossé dessus... Bah c'est bibi qui récupère les pots cassés et je peux vous dire que ça m'emmerde au plus au point (y'a 17000 pages en plus :heink:)


En lisant le code on a un peu l'impression qu'ils ont tenté de refaire en divs ce qu'ils faisaient auparavant en tables, au nesting (genre 2 divs nestés contenant juste une liste [:grinking] ) et à la mise en page (spacers & espaces insécables) près [:mlc]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 30-11-2004 à 17:35:57    

Les imbrications, je suis responsable d'un certain nombre.
Parcequ'il y avait 23 feuilles de style différentes, et que je n'en veux plus qu'une. Hors, un même élément, d'une page à l'autre, a un rendu différent. Les ID sont générés à la volée par un CMS, donc on ne peux pas les changer. L'imbrication et l'héritage est donc le moyen le plus simple que j'ai trouvé pour pallier au problème :)
 
Par contre, les spacers, je suis d'accord, c'est merdique :)

Reply

Sujets relatifs:

Leave a Replay

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