J'ai deja essayer les margin; xx ! important (pour FF) et margin (pour IE) comme j'ai rechercher sur le forum mais cela n'a pa resolu le pb merci de votre aide.
Désolé au fait jai pas eu le temps de bien formuler dans le premier post j'etais pressé
Ben j'ai essayé, cependant cela ne change rien de redimensionner, et la deuxieme methode, ca fait disparaitre le contenu sous Firefox et sur IE ca le fait flotter en dessous si float left ou right(tu voulais plutot dire fload right je pense pour le contenu).
ou tu fais ce qu'on te conseille ou tu te debrouilles, je t'ai dit de commencer par dimensionner le body et le contenu c'est la base on ne construit pas sur du vent
Tu me l'a conseillé, je l'ai fait, je l'ai dimensionné en largeur .
Cependant le décalage (de 3px je suppose) existe toujours, c'est pour ca que j'ai reposté, ne le prend pas mal
Et puis c'est bien ce que je pense, j'ai vu sur un autre post que quelqu'un avait parlé d'une marge de 3px pour IE en plus.
J'ai fait des test, si je met 626 a 668 pixels, (je devrait avoir 628 pixels normalement), sur IE, le contenu passe en bas, tandis que si je le défini a 625, il passe a droite du menu.
Bon peut-etre que mes anciennes methodes ne marchaient pas car j'avais pas voulu définir le contenu, je vais tester 2,3 choses en attendant
Euh seulement le positionement absolut tu peux pas le centrer, tu est obligé de le mettre quelque-part et il y reste.
C'est pour ca je prefere pas
Merci quand même
la seule solution pour ce soir demain je reprendrai
#contenu
{ width:628px ;
margin-left: 170px ! important;
height: 400px;
_position:absolute;
_left:98px;
background-image: url("http://renardclement.info/site/images/contenu.jpg");
}
Ben le problème, c'est que comme tu as mit une position absloute pour IE, quand je touche a la taille de ma fenêtre, ca bouge par rapport aux autres blocs(ce qui est logique ). Donc a la limite mettre tout en position absolute mais a ce moment la je ne pourrai plus centrer (et je veux le faire, car j'ai testé c'est mieux).
voila les codes html et css j'ai mis du contenu pour tester le fonctionnement.
Regarde bien les intructions dans l'encadré blanc.
<divid="conteneur"> <divid="header"></div> <divid="menu"></div> <divid="contenu"><divid="bug"><p></p><spanclass="a">Il est imperatif de ne pas appliquer de margin vertical dans les boites du debut et de fin mais utiliser le padding, le margin lateral ne pose aucun probleme</span><p>La truffe noire n'est pas plus du Périgord que le champignon n'est de Paris ou le chou de Bruxelles. L'appellation botanique est Tuber melanosporum, c'est à dire « truffe aux spores noires », nommée rabasse en provençal, ou encore Mélano pour les intimes.La truffe noire n'est pas plus du Périgord que le champignon n'est de Paris ou le chou de Bruxelles. L'appellation botanique est Tuber melanosporum, c'est à dire « truffe aux spores noires », nommée rabasse en provençal, ou encore Mélano pour les intimes.</p></div></div> <divid="footer"></div> </div>
body { background-image: url("http://renardclement.info/site/images/fond.jpg"); margin: auto; width: 100%; }
bonjour,
POur le probleme du span ,il suffissait de l'integrer au paragraphe, pour que le texte l'entoure comme prevu.
(il s'agit , la encore du comportement de IE face au flottant), d'ailleurs, pense a ajouter un clear:both a ton footer, (sauf dans Ie, exact meme bug que ton span qui repousse tout en bas, dans ce cas le bug est avantageux, seulement dans IE)
le div bug est bien vu mais il est plus judicieux, de mettre ce css en commentaire conditionnel a l'attention unique de IE pour #contenu.(et ainsi se defaire du div bug et du !important )
si tu veut ta page extensible, deplace le fond de menu vers le conteneur, tu n'auras pas de trous...)
demo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="fr"> <head> <title>Bienvenue chez moi !</title> <metahttp-equiv="Content-Type"content="text/html; charset=iso-8859-1"/> <metahttp-equiv="Content-language"content="fr-FR"/> <metaname="keywords"content=""/> <metaname="description"content=""/> <metaname="robots"content="index,follow,all"/> <styletype="text/css">
body
{
background-image: url("http://renardclement.info/site/images/fond.jpg");
margin: auto;
width: 100%;
}
</style> <!--[if IE]> <styletype="text/css">/* on recupere ici le bug de 3 px d'ie, sur le conteneur "contenu" */
#contenu {position:relative;left:-3px;margin-right:-3px;} </style> <![endif]--> </head> <body>
<divid="conteneur"> <divid="header"></div> <divid="menu"></div> <divid="contenu"><p></p><p><spanclass="a">Il est imperatif de ne pas appliquer de margin vertical dans les
boites du debut et de fin mais utiliser le padding, le margin lateral ne pose aucun probleme</span>La truffe
noire n'est pas plus du Périgord que le champignon n'est de Paris ou le chou de Bruxelles. L'appellation
botanique est Tuber melanosporum, c'est à dire « truffe aux spores noires », nommée rabasse en provençal, ou
encore Mélano pour les intimes.La truffe noire n'est pas plus du Périgord que le champignon n'est de Paris ou
le chou de Bruxelles. L'appellation botanique est Tuber melanosporum, c'est à dire « truffe aux spores noires
», nommée rabasse en provençal, ou encore Mélano pour les intimes.</p> <p>Et en inserant le span dans la balise p, on s'assur que le texte glisse a coté puis en dessous (la on voit
le bug avec le flottant mis en evidence sous IE .Le flottant a un comportement a mis chemin vers le position
absolute, il est a moitié sortis du flux en quelques sorte et deborde sur le autres elements, sauf dans
IE.</p> <p>D'ailleurs , il est necessaire d'applique un clear:both; au footer, si on veut le voir descendre.Sauf dans
IE .(toujours le truc des flottants).</p></div> <divid="footer"></div> </div>
</body> </html>
Etant donné que ton contenu a une largeur fixe, les % sont sans interets, alors je les ais repassé en pixel.
cette page ne bug pas sous IE ni firefoxe, et le design est extensible en hauteur...
(Si tu ne comprends pas certains choix de ma part... passe plutot par les mp).
Salut.
G.cyrillus , tu ne crains pas avec les commentaires specifiques a IE que l'arrivée proche de (IE 7.0)pose des problemes si comme on le pretend celui doit interpreter le css2et3 donc il lira
" ! important " mais le commentaire il le lira aussi puisqu'il sappellera toujours " IE " est-ce qu'il n'y aura pas conflit?
Bonjour tout le monde !
J'ai moi aussi un problème quand je passe de Mozilla ( naviguateur que j'utilise et avec le lequel je vérifiais mon site ) à IE.
Mes textes dans les balises <p> </p> sont énormes par exemple ! Est-ce qu'il faut que j'utilise
font-size: en px/cm/mm/em
font-size: en xx-large/medium
ou font-size: en % ?
Aussi,le code CSS marche différemment pour une même page (exemple : une fois c'est tout bien en justify et puis quand je change de naviguateur le texte et centré... )
Une dernière chose : est-ce que c'est normal que les balises <span> ne marchent pas dans les balises <h></h> ?
il faudrait voir ton code pour te dire d'ou viennent les problemes parcqu'il peut s'agir d'heritage pour la taille des polices par contre ce dont je suis sur c'est que la balise <span> fonctionne avec les <hn>
G.cyrillus , tu ne crains pas avec les commentaires specifiques a IE que l'arrivée proche de (IE 7.0)pose des problemes si comme on le pretend celui doit interpreter le css2et3 donc il lira
" ! important " mais le commentaire il le lira aussi puisqu'il sappellera toujours " IE " est-ce qu'il n'y aura pas conflit?
Bonne question, justement ces comentaire conditionnel permettent de filtrer aussi les differentes version de IE (a partir de la 5).
par exemple dans la syntaxe suivante, IE 7 ne prendra pas en compte les regles css supplementaires.
<!--[if lte IE 6]> /* ici le css pris en compte seulement par Ie 6 et version inferieur */
<![endif]-->
Voilou, je te laisse faire une petite recherche pour trouver et decouvrir tout les usages possible de ces commentaires conditionnel.
placé dans le html ils peuvent ajouter des balises supplementaires uniquement pour IE, ou dans l'entete chrger un javascript, etc ....
ah, oui, tu peut dans le html cacher certaine choses a IE avec la balise "comment".
ex:
<p>Votre navigateur <comment>n'</comment>est <comment>pas </comment> Internet explorer.</p>
Cela peut servir, a defaut c'est amusant de remarquer encore un drole de comportement de IE.
Par contre je n'ai aucune idée de ce que IE7 va faire avec cette balise.
a plus
En fait le problème vient de mon CSS : j'avais en fait copier/coller un vieux code CSS d'un site que j'avais fait et bien sûr y avait plein de trucs faux et contradictoires
Je suis donc en train de tout reprendre et en plus je viens de tomber sur un récapitulatif des codes CSS très pratique qui n'était pas là la première fois que j'ai fait du CSS !
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui