Etant sur un nouveau projet, je me retrouve coincé sur un GROS
problème.
L'affichage sur IE est relativement bon mais sous Mozilla j'ai un gros
soucis. Des écarts se créent entre les blocs et un bloc qui se trouve
en dessous ... enfin bon je comprend rien !!
J'ai fait la structure du design en CSS :
http://www.anur.net/divers/style.txt
L'URL du site est www.AnuR.net
Vous pouvez aller comparer sur les 2 navigateurs ... il n'y a pas bcp
de points communs
Une page d'exemple dans le <body>:
<div class="site">
<!-- haut -->
<div class="logo"></div>
<div class="recherche">(formulaire de recherche)</div>
<div class="menubar">
(Ici le menu dynamique)
</div>
<div class="sousmenubar"></div>
<!-- centre -->
<div class="centre">
<!-- menu -->
<div class="menu">
(le menu)
</div>
<!-- contenu -->
<div class="contenu">
<!-- partie gauche -->
<div class="gauche">
(la colonne 1 avec interviews, annuaires)
</div> <!-- fin gauche -->
<!-- partie droite -->
<div class="droite">
(la colonne 2 avec news, pub, newslettre)
</div><!-- fin droite -->
</div> <!-- fin contenu -->
</div> <!-- fin centre -->
<!-- bas -->
<div class="bas1"></div>
<div class="bas2"></div> <!-- fin bas2 -->
</div> <!-- fin site -->
Alors quelqu'un voit quelles sont les erreurs que j'ai pu faire ?
Ca doit être des erreurs classiques je supose mais je débute vraiment
avec CSS.
Merci d'avance à ceux qui pourront m'aider.
--
Erwin
http://www.templates-fr.net - Kits graphiques professionnels de qualité
http://www.templates-fr.net/hebergement.php - Hébergez votre site
contre un appel téléphonique
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire
Veuillez sélectionner un problème
Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
François Battail
Le Sat, 24 Apr 2004 17:02:56 +0000, erwinol a écrit :
Etant sur un nouveau projet, je me retrouve coincé sur un GROS problème.
L'affichage sur IE est relativement bon mais sous Mozilla j'ai un gros soucis. Des écarts se créent entre les blocs et un bloc qui se trouve en dessous ... enfin bon je comprend rien !!
<snip />
Le problème est classique c'est un bug^H^H^Hfeature d'Internet Explorer tu trouveras à l'url suivante (en anglais) http://css.maxdesign.com.au/listamatic/about-boxmodel.htm quelques informations à ce sujet.
En CSS la règle est de faire simple et de ne pas croire au positionnement au pixel près, si tu débutes je te conseille aussi de mettre systématiquement des border: 1px solid black pour visualiser les conteneurs (div) ça aide souvent à comprendre la logique. Il y a malheureusement d'autres "features" de certains navigateurs qui limitent la possibilité de créativité avec CSS mais avec un peu d'entraînement on arrive quand même à faire des choses ;-)
Bon courage @+ fb
Le Sat, 24 Apr 2004 17:02:56 +0000, erwinol a écrit :
Etant sur un nouveau projet, je me retrouve coincé sur un GROS
problème.
L'affichage sur IE est relativement bon mais sous Mozilla j'ai un gros
soucis. Des écarts se créent entre les blocs et un bloc qui se trouve
en dessous ... enfin bon je comprend rien !!
<snip />
Le problème est classique c'est un bug^H^H^Hfeature d'Internet Explorer
tu trouveras à l'url suivante (en anglais)
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm quelques
informations à ce sujet.
En CSS la règle est de faire simple et de ne pas croire au
positionnement au pixel près, si tu débutes je te conseille aussi de
mettre systématiquement des border: 1px solid black pour visualiser les
conteneurs (div) ça aide souvent à comprendre la logique. Il y a
malheureusement d'autres "features" de certains navigateurs qui limitent
la possibilité de créativité avec CSS mais avec un peu d'entraînement
on arrive quand même à faire des choses ;-)
Le Sat, 24 Apr 2004 17:02:56 +0000, erwinol a écrit :
Etant sur un nouveau projet, je me retrouve coincé sur un GROS problème.
L'affichage sur IE est relativement bon mais sous Mozilla j'ai un gros soucis. Des écarts se créent entre les blocs et un bloc qui se trouve en dessous ... enfin bon je comprend rien !!
<snip />
Le problème est classique c'est un bug^H^H^Hfeature d'Internet Explorer tu trouveras à l'url suivante (en anglais) http://css.maxdesign.com.au/listamatic/about-boxmodel.htm quelques informations à ce sujet.
En CSS la règle est de faire simple et de ne pas croire au positionnement au pixel près, si tu débutes je te conseille aussi de mettre systématiquement des border: 1px solid black pour visualiser les conteneurs (div) ça aide souvent à comprendre la logique. Il y a malheureusement d'autres "features" de certains navigateurs qui limitent la possibilité de créativité avec CSS mais avec un peu d'entraînement on arrive quand même à faire des choses ;-)
Bon courage @+ fb
erwinol
Cette page semble parler d'un problème entre IE 5.x et les navigateurs standards ... Chez moi sous IE 6 l'affichage est impeccable et c'est sous Mozilla qu'il y a un problème donc je suis pas sur que le problème soit le même.
Quelqu'un aurait de plus amples informations ? (en français si possible parce que là j'ai du mettre 1 heure pour lire la page :) )
Merci d'avance à ceux qui pourront m'aider.
+++++
Le problème est classique c'est un bug^H^H^Hfeature d'Internet Explorer tu trouveras à l'url suivante (en anglais) http://css.maxdesign.com.au/listamatic/about-boxmodel.htm quelques informations à ce sujet.
En CSS la règle est de faire simple et de ne pas croire au positionnement au pixel près, si tu débutes je te conseille aussi de mettre systématiquement des border: 1px solid black pour visualiser les conteneurs (div) ça aide souvent à comprendre la logique. Il y a malheureusement d'autres "features" de certains navigateurs qui limitent la possibilité de créativité avec CSS mais avec un peu d'entraînement on arrive quand même à faire des choses ;-)
Bon courage @+ fb
-- Ceci est une signature automatique de MesNews. Site : http://mesnews.no-ip.com
Cette page semble parler d'un problème entre IE 5.x et les navigateurs
standards ...
Chez moi sous IE 6 l'affichage est impeccable et c'est sous Mozilla
qu'il y a un problème donc je suis pas sur que le problème soit le
même.
Quelqu'un aurait de plus amples informations ? (en français si possible
parce que là j'ai du mettre 1 heure pour lire la page :) )
Merci d'avance à ceux qui pourront m'aider.
+++++
Le problème est classique c'est un bug^H^H^Hfeature d'Internet Explorer
tu trouveras à l'url suivante (en anglais)
http://css.maxdesign.com.au/listamatic/about-boxmodel.htm quelques
informations à ce sujet.
En CSS la règle est de faire simple et de ne pas croire au
positionnement au pixel près, si tu débutes je te conseille aussi de
mettre systématiquement des border: 1px solid black pour visualiser les
conteneurs (div) ça aide souvent à comprendre la logique. Il y a
malheureusement d'autres "features" de certains navigateurs qui limitent
la possibilité de créativité avec CSS mais avec un peu d'entraînement
on arrive quand même à faire des choses ;-)
Bon courage
@+
fb
--
Ceci est une signature automatique de MesNews.
Site : http://mesnews.no-ip.com
Cette page semble parler d'un problème entre IE 5.x et les navigateurs standards ... Chez moi sous IE 6 l'affichage est impeccable et c'est sous Mozilla qu'il y a un problème donc je suis pas sur que le problème soit le même.
Quelqu'un aurait de plus amples informations ? (en français si possible parce que là j'ai du mettre 1 heure pour lire la page :) )
Merci d'avance à ceux qui pourront m'aider.
+++++
Le problème est classique c'est un bug^H^H^Hfeature d'Internet Explorer tu trouveras à l'url suivante (en anglais) http://css.maxdesign.com.au/listamatic/about-boxmodel.htm quelques informations à ce sujet.
En CSS la règle est de faire simple et de ne pas croire au positionnement au pixel près, si tu débutes je te conseille aussi de mettre systématiquement des border: 1px solid black pour visualiser les conteneurs (div) ça aide souvent à comprendre la logique. Il y a malheureusement d'autres "features" de certains navigateurs qui limitent la possibilité de créativité avec CSS mais avec un peu d'entraînement on arrive quand même à faire des choses ;-)
Bon courage @+ fb
-- Ceci est une signature automatique de MesNews. Site : http://mesnews.no-ip.com
François Battail
Le Sat, 24 Apr 2004 20:34:10 +0000, erwinol a écrit :
Cette page semble parler d'un problème entre IE 5.x et les navigateurs standards ... Chez moi sous IE 6 l'affichage est impeccable et c'est sous Mozilla qu'il y a un problème donc je suis pas sur que le problème soit le même.
Non. Si tu enlève le <?xml version "1.0" ?> IE 6 va passer du mode "quirks" au mode "standard" ce qui devrait donner un rendu proche de celui de Mozilla. Néanmoins le problème de fond reste.
@+ fb
Le Sat, 24 Apr 2004 20:34:10 +0000, erwinol a écrit :
Cette page semble parler d'un problème entre IE 5.x et les navigateurs
standards ...
Chez moi sous IE 6 l'affichage est impeccable et c'est sous Mozilla
qu'il y a un problème donc je suis pas sur que le problème soit le
même.
Non. Si tu enlève le <?xml version "1.0" ?> IE 6 va passer du mode
"quirks" au mode "standard" ce qui devrait donner un rendu proche de celui
de Mozilla. Néanmoins le problème de fond reste.
Le Sat, 24 Apr 2004 20:34:10 +0000, erwinol a écrit :
Cette page semble parler d'un problème entre IE 5.x et les navigateurs standards ... Chez moi sous IE 6 l'affichage est impeccable et c'est sous Mozilla qu'il y a un problème donc je suis pas sur que le problème soit le même.
Non. Si tu enlève le <?xml version "1.0" ?> IE 6 va passer du mode "quirks" au mode "standard" ce qui devrait donner un rendu proche de celui de Mozilla. Néanmoins le problème de fond reste.
@+ fb
Colin McGarry
essayez de mettre <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Je pense que les deux browsers afficheront parreil. (Pas forcement comme vous voulez - mais parreil)
cpmac
"erwinol" a écrit dans le message de news:
Bonjour à tous !
Etant sur un nouveau projet, je me retrouve coincé sur un GROS problème.
L'affichage sur IE est relativement bon mais sous Mozilla j'ai un gros soucis. Des écarts se créent entre les blocs et un bloc qui se trouve en dessous ... enfin bon je comprend rien !!
J'ai fait la structure du design en CSS : http://www.anur.net/divers/style.txt
L'URL du site est www.AnuR.net Vous pouvez aller comparer sur les 2 navigateurs ... il n'y a pas bcp de points communs
Une page d'exemple dans le <body>:
<div class="site"> <!-- haut --> <div class="logo"></div> <div class="recherche">(formulaire de recherche)</div> <div class="menubar"> (Ici le menu dynamique) </div> <div class="sousmenubar"></div>
<!-- centre --> <div class="centre"> <!-- menu --> <div class="menu"> (le menu) </div>
<!-- contenu --> <div class="contenu">
<!-- partie gauche --> <div class="gauche"> (la colonne 1 avec interviews, annuaires) </div> <!-- fin gauche -->
<!-- partie droite --> <div class="droite"> (la colonne 2 avec news, pub, newslettre) </div><!-- fin droite --> </div> <!-- fin contenu --> </div> <!-- fin centre -->
<!-- bas --> <div class="bas1"></div> <div class="bas2"></div> <!-- fin bas2 --> </div> <!-- fin site -->
Alors quelqu'un voit quelles sont les erreurs que j'ai pu faire ? Ca doit être des erreurs classiques je supose mais je débute vraiment avec CSS.
Merci d'avance à ceux qui pourront m'aider.
-- Erwin http://www.templates-fr.net - Kits graphiques professionnels de qualité http://www.templates-fr.net/hebergement.php - Hébergez votre site contre un appel téléphonique
essayez de mettre
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Je pense que les deux browsers afficheront parreil. (Pas forcement comme
vous voulez - mais parreil)
cpmac
"erwinol" <noemail@secret.com> a écrit dans le message de news:
mesnews.c4767d44.0610cc20.0.11362@secret.com...
Bonjour à tous !
Etant sur un nouveau projet, je me retrouve coincé sur un GROS
problème.
L'affichage sur IE est relativement bon mais sous Mozilla j'ai un gros
soucis. Des écarts se créent entre les blocs et un bloc qui se trouve
en dessous ... enfin bon je comprend rien !!
J'ai fait la structure du design en CSS :
http://www.anur.net/divers/style.txt
L'URL du site est www.AnuR.net
Vous pouvez aller comparer sur les 2 navigateurs ... il n'y a pas bcp
de points communs
Une page d'exemple dans le <body>:
<div class="site">
<!-- haut -->
<div class="logo"></div>
<div class="recherche">(formulaire de recherche)</div>
<div class="menubar">
(Ici le menu dynamique)
</div>
<div class="sousmenubar"></div>
<!-- centre -->
<div class="centre">
<!-- menu -->
<div class="menu">
(le menu)
</div>
<!-- contenu -->
<div class="contenu">
<!-- partie gauche -->
<div class="gauche">
(la colonne 1 avec interviews, annuaires)
</div> <!-- fin gauche -->
<!-- partie droite -->
<div class="droite">
(la colonne 2 avec news, pub, newslettre)
</div><!-- fin droite -->
</div> <!-- fin contenu -->
</div> <!-- fin centre -->
<!-- bas -->
<div class="bas1"></div>
<div class="bas2"></div> <!-- fin bas2 -->
</div> <!-- fin site -->
Alors quelqu'un voit quelles sont les erreurs que j'ai pu faire ?
Ca doit être des erreurs classiques je supose mais je débute vraiment
avec CSS.
Merci d'avance à ceux qui pourront m'aider.
--
Erwin
http://www.templates-fr.net - Kits graphiques professionnels de qualité
http://www.templates-fr.net/hebergement.php - Hébergez votre site
contre un appel téléphonique
essayez de mettre <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Je pense que les deux browsers afficheront parreil. (Pas forcement comme vous voulez - mais parreil)
cpmac
"erwinol" a écrit dans le message de news:
Bonjour à tous !
Etant sur un nouveau projet, je me retrouve coincé sur un GROS problème.
L'affichage sur IE est relativement bon mais sous Mozilla j'ai un gros soucis. Des écarts se créent entre les blocs et un bloc qui se trouve en dessous ... enfin bon je comprend rien !!
J'ai fait la structure du design en CSS : http://www.anur.net/divers/style.txt
L'URL du site est www.AnuR.net Vous pouvez aller comparer sur les 2 navigateurs ... il n'y a pas bcp de points communs
Une page d'exemple dans le <body>:
<div class="site"> <!-- haut --> <div class="logo"></div> <div class="recherche">(formulaire de recherche)</div> <div class="menubar"> (Ici le menu dynamique) </div> <div class="sousmenubar"></div>
<!-- centre --> <div class="centre"> <!-- menu --> <div class="menu"> (le menu) </div>
<!-- contenu --> <div class="contenu">
<!-- partie gauche --> <div class="gauche"> (la colonne 1 avec interviews, annuaires) </div> <!-- fin gauche -->
<!-- partie droite --> <div class="droite"> (la colonne 2 avec news, pub, newslettre) </div><!-- fin droite --> </div> <!-- fin contenu --> </div> <!-- fin centre -->
<!-- bas --> <div class="bas1"></div> <div class="bas2"></div> <!-- fin bas2 --> </div> <!-- fin site -->
Alors quelqu'un voit quelles sont les erreurs que j'ai pu faire ? Ca doit être des erreurs classiques je supose mais je débute vraiment avec CSS.
Merci d'avance à ceux qui pourront m'aider.
-- Erwin http://www.templates-fr.net - Kits graphiques professionnels de qualité http://www.templates-fr.net/hebergement.php - Hébergez votre site contre un appel téléphonique
