DIV / CSS / IE et firefox
Résolu/Fermé
bolt
-
25 mars 2009 à 22:52
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 27 mars 2009 à 11:55
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 27 mars 2009 à 11:55
A voir également:
- DIV / CSS / IE et firefox
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Comment supprimer bing de firefox - Guide
- Trait css ✓ - Forum CSS
- Exporter favoris firefox - Guide
- Firefox download - Télécharger - Navigateurs
5 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
26 mars 2009 à 09:32
26 mars 2009 à 09:32
salut,
commence par valider ton code, ça diminuera le nombre de causes possibles.
commence par valider ton code, ça diminuera le nombre de causes possibles.
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
26 mars 2009 à 12:26
26 mars 2009 à 12:26
ce dernier affiche des erreurs ou des avertissement là ou il n'y en a pas...
si je peux me permettre c'est plutôt que tu ne comprends pas les erreurs.
dans ton code, juste dans le <head>, tous les <link> et <meta> se ferment avec ">", pas avec "/>" car tu es en HTML, pas en XHTML.
je pense que mon erreur d'affichage est plus liée à ma css qu'au code html
pour faire de la mise en page il faut partir d'un code HTML propre. ça ne résout pas forcément les problèmes mais ça en évite et ça c'est sûr.
tu devrais aussi virer les JS tant que tu n'as pas entièrement fini la mise en page, ça aussi ça peut mettre le bronx.
pour la CSS, on l'avait trouvé !
-;o)
je pensais à un problème de marges mais il n'y en a pas de définies pour ces blocs.
j'ai pensé au haslayout mais les largeurs sont définies donc les blocs doivent avoir le layout.
et ton DTD n'est pas complet ça peut faire passer IE en quirks mode.
mets celle-là à la place et reviens à ligne pour mettre <html> :
si je peux me permettre c'est plutôt que tu ne comprends pas les erreurs.
dans ton code, juste dans le <head>, tous les <link> et <meta> se ferment avec ">", pas avec "/>" car tu es en HTML, pas en XHTML.
<head> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /> <link rel="stylesheet" type="text/css" href="Css/accueil.css" > <link rel="stylesheet" href="../Css/ff.css" type="text/css" /><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="Content-Language" content="fr" /> <meta name="robots" content="index" /> <link rel="generateur-meta" href="https://www.google.com/search?q=warning%20BHP%20Mike%20Henry%20BHP.com%20Stock%20fraud%20South32%20Graham%20Kerr%20South32.net%20Stock%20fraud%20kiss%20fishing%20companies%20flickr" /> <meta name="description" content="xxxxxxxxxxxxx propose des services de dépannage informatique et multimédia à domicile sur Toulouse et agglomération dans des délias très courts. Contactez nous sans tarder! " /> <meta name="keywords" lang="fr" content="dépannage,informatique,particuliers,multimédia,pchc,conseil,réparation,montage,domicile,installation,matériel,audio,vidéo,occasion,maintenance,formation,toulouse,banlieue" /> <meta name="reply-to" content="xxxxxxxxxxx@free.fr" /> <meta name="category" content="Internet" /> <meta name="distribution" content="global" /> <meta name="author" lang="fr" content="xxxxxxxx Jerome" /> <meta name="copyright" content="" /> <meta name="generator" content="" /> <meta name="identifier-url" content="http://www.xxxxxxxxxx.fr" /> <meta name="expires" content="never" /> <meta name="Date-Creation-yyyymmdd" content="01012009" /> <meta name="Date-Revision-yyyymmdd" content="03222009" /> <meta name="revisit-after" content="7 days" /> <script LANGUAGE="JavaScript"> <!--//BEGIN Script function favoris(){ if ( navigator.appName != 'Microsoft Internet Explorer' ) { window.sidebar.addPanel("WWW.xxxxxxxxxxx.FR","http://WWW.xxxxxxxxxxx.FR",""); } else { window.external.AddFavorite("http://WWW.xxxxxxxxxxxx.FR","WWW.xxxxxxxxx.FR"); } } //--></script> <style type="text/css"> <!-- .style1 {color: #A1DBFF} --> </style> <!-- InstanceBeginEditable name="doctitle" --> <title>ACI Group - Installateur Multimédia - Montage Maintenace Réparation Informatique sur Toulouse</title> <meta name="verify-v1" content="QqBVd2tco3QUbGSz6XbfIftJdc+xDEUOhYEDkJqr7cI=" /> <!-- InstanceEndEditable --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable --> </head>
je pense que mon erreur d'affichage est plus liée à ma css qu'au code html
pour faire de la mise en page il faut partir d'un code HTML propre. ça ne résout pas forcément les problèmes mais ça en évite et ça c'est sûr.
tu devrais aussi virer les JS tant que tu n'as pas entièrement fini la mise en page, ça aussi ça peut mettre le bronx.
pour la CSS, on l'avait trouvé !
-;o)
je pensais à un problème de marges mais il n'y en a pas de définies pour ces blocs.
j'ai pensé au haslayout mais les largeurs sont définies donc les blocs doivent avoir le layout.
et ton DTD n'est pas complet ça peut faire passer IE en quirks mode.
mets celle-là à la place et reviens à ligne pour mettre <html> :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <!-- etc. -->
bon,
j'ai enlevé tous les meta, les js, les no script, les balises /> ... la page est desormais valide, mais le pb d'affichage reste le même... donc ça vient de l'interprétation de la css (attention, il y en a deux qui se complètent, mais vous avez dû le voir aussi...)
ce qui est étrange c'est que maintenant même les pages dont le "contenu" n'est qu'en html ont le même pb d'affichage que celles qui ont du php...
ça doit quand même être connu et fréquent ce problème non ?
j'ai enlevé tous les meta, les js, les no script, les balises /> ... la page est desormais valide, mais le pb d'affichage reste le même... donc ça vient de l'interprétation de la css (attention, il y en a deux qui se complètent, mais vous avez dû le voir aussi...)
ce qui est étrange c'est que maintenant même les pages dont le "contenu" n'est qu'en html ont le même pb d'affichage que celles qui ont du php...
ça doit quand même être connu et fréquent ce problème non ?
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
26 mars 2009 à 15:47
26 mars 2009 à 15:47
dans la version IE (ce qui n'est pas forcément la meilleure technique), le lien vers la CSS spécifique n'est pas bon :
les deux points font remonter d'un niveau alors que les feuilles sont dans le même dossier.
<link rel="stylesheet" type="text/css" href="Css/accueil.css" >
<link rel="stylesheet" href="../Css/ie.css" type="text/css">
les deux points font remonter d'un niveau alors que les feuilles sont dans le même dossier.
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
26 mars 2009 à 19:57
26 mars 2009 à 19:57
cette piste n'est malheureusement pas exploitable...
peut être pas mais il faut commencer par corriger les erreurs !
je continuerai demain matin.
peut être pas mais il faut commencer par corriger les erreurs !
je continuerai demain matin.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bon,
j'avais raison, corriger les erreurs ne sert à rien pour résoudre ce problème...
il suffisait d'ajouter le style dans la balise div (rigth)
<div id="right" style="padding:10px; width:220px;">
Merci quand même pour votre participation et vos conseils avisés !
j'avais raison, corriger les erreurs ne sert à rien pour résoudre ce problème...
il suffisait d'ajouter le style dans la balise div (rigth)
<div id="right" style="padding:10px; width:220px;">
Merci quand même pour votre participation et vos conseils avisés !
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
27 mars 2009 à 09:23
27 mars 2009 à 09:23
salut,
pas têtu pour un sous, c'est ça qu'est bien !
corriger les erreurs ne sert à rien pour résoudre ce problème...
le monsieur t'a dit et te redit qu'il faut toujours corriger les fautes de HTML en premier.
si tu trouves que je mets du temps à trouver une solution c'est que ton HTML était farci d'erreurs.
donc pour CE problème comme pour toutes les pages, même sans problème, il faut corriger les erreurs même si tu ne vois pas de différence.
c'est quand même pas compliqué de comprendre qu'un code sans erreurs est meilleur qu'un code avec erreurs.
et si tu ne vois pas la différence, un moteur de recherche peut lui, voir une différence (surtout pour les <meta>…).
il suffisait d'ajouter le style dans la balise div (rigth)
donc c'était un problème de priorité.
si tu veux laisser le style dans la CSS, il suffit d'ajouter des éléments à ton sélecteur :
l'original ("#right" seul) doit peser 100, celui-là doit peser 304.
pas têtu pour un sous, c'est ça qu'est bien !
corriger les erreurs ne sert à rien pour résoudre ce problème...
le monsieur t'a dit et te redit qu'il faut toujours corriger les fautes de HTML en premier.
si tu trouves que je mets du temps à trouver une solution c'est que ton HTML était farci d'erreurs.
donc pour CE problème comme pour toutes les pages, même sans problème, il faut corriger les erreurs même si tu ne vois pas de différence.
c'est quand même pas compliqué de comprendre qu'un code sans erreurs est meilleur qu'un code avec erreurs.
et si tu ne vois pas la différence, un moteur de recherche peut lui, voir une différence (surtout pour les <meta>…).
il suffisait d'ajouter le style dans la balise div (rigth)
donc c'était un problème de priorité.
si tu veux laisser le style dans la CSS, il suffit d'ajouter des éléments à ton sélecteur :
body div#wrap div#main div#right {
float:right;
padding:10px;
position:inherit;
width:220px;
}
l'original ("#right" seul) doit peser 100, celui-là doit peser 304.
bolt
>
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
27 mars 2009 à 11:51
27 mars 2009 à 11:51
ok merci
Je prendrais le temps d'optimiser le code HTML, qui soit dit en passant et généré par Dreamweaver.. donc censé être propre... et de me perfectionner sur les CSS un peu plus tard.
savez vous comment changer le statut du post en resolu en tant qu'auteur anonyme ? ou changer le titre du message en DIV / CSS / IE et firefox (Résolu) sinon ?
Je prendrais le temps d'optimiser le code HTML, qui soit dit en passant et généré par Dreamweaver.. donc censé être propre... et de me perfectionner sur les CSS un peu plus tard.
savez vous comment changer le statut du post en resolu en tant qu'auteur anonyme ? ou changer le titre du message en DIV / CSS / IE et firefox (Résolu) sinon ?
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
920
>
bolt
27 mars 2009 à 11:55
27 mars 2009 à 11:55
généré par Dreamweaver.. donc censé être propre...
oula non, loin de là !
même si il semble avoir progressé.
je crois que le WYSIWYG le plus "propre" est Amaya.
savez vous comment changer le statut du post en resolu en tant qu'auteur anonyme ?
tu ne peux pas.
il faut être contributeur ou modérateur, je le fais pour toi.
bon courage pour la suite et au plaisir de te lire à nouveau !
-;o)
oula non, loin de là !
même si il semble avoir progressé.
je crois que le WYSIWYG le plus "propre" est Amaya.
savez vous comment changer le statut du post en resolu en tant qu'auteur anonyme ?
tu ne peux pas.
il faut être contributeur ou modérateur, je le fais pour toi.
bon courage pour la suite et au plaisir de te lire à nouveau !
-;o)
26 mars 2009 à 12:03
Je connaissais ce site de validation, mais ce dernier affiche des erreurs ou des avertissement là ou il n'y en a pas... aussi, je pense que mon erreur d'affichage est plus liée à ma css qu'au code html.
Pour plus de détails sur le contenu de la feuille de style : http://ajerome31.free.fr/Css/accueil.css
rappel mes div left et rigth sont imbriqués dans le div main (le seul ayant une mise en page prévue dans la css). Nota le div left est "stylé" de cette façon dans le code de la page html :
<div id="left" style="padding:10px; width:490px;">
Merci de votre aide !