[CSS/HTML]Decalage sous IE

Logiciel & apps Programmation
1

Bonjour, j’essaie de faire un petit site internet mais je rencontre un probleme de decalage sous IE, et pas sous Firefox, et je n’arrive pas a regler ce souci :

le code de la page de test

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml?quot; xml:lang="fr" >
<head>
        <title>Informations Réseau</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
</head>
<body>

        <fieldset class=infos >
        <legend>Informations</legend>
        test
        </fieldset>
        <fieldset class=infos >
        <legend>Informations</legend>
        test
        </fieldset>
        <?php

?>

</body>
</html?gt;

et le style.css en question :

.infos
{
margin:auto;
width:600px;
}

ce qui donne ca :
http://noxou.free.fr/rv/decalage.JPG
et j’ai donc toujours le même decalage sous IE mais pas firefox, si quelqu’un peut m’aider ? merci d’avance

2

correction de ta feuille de style :

.infos { margin-left:0; width:600px; }
3

Si tu cherche plutot a centrer tes fieldsets horizontalement, tu peux faire ainsi :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml?quot; xml:lang="fr" >
<head>
       <title>Informations Réseau</title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="style" href="style.css" />
</head>
<body>
<div id="page">

       <fieldset class=infos >
       <legend>Informations</legend>
       test
       </fieldset>
       <fieldset class=infos >
       <legend>Informations</legend>
       test
       </fieldset>
       <?php

?>
</div>
</body>
</html?gt;

et rajoute ensuite dans ton ficheir css :


#page{
	position:absolute;
	width:800px;
	left:50%;
	margin-left:-700px;
}
4

ca ne marche pas, tout est a gauche et non centré
le but du margin auto etait de laisser toujours le fieldset au milieu

merci quand meme :slight_smile:

5

et bein : align="center"

6

Tu a posté presque en meme temps que moi, tu a du louper mon message, je ne sais pas a qui s’adresse ton commentaire : )

7

oui c’est fait, mais ca fait encore plus carnage, tout disparait a gauche de l’ecran, je pense que ca vient du -700px a regler
j’ai mis la valeur 0 pour tester, je vois les fenetre mais tout est agrandi, et il y a toujours le decalage

8

oui , il te suffit de mettre 800/2 ie -400px et c réglé : ) (erreur de tape)

edit : et ne met pas "margin:auto" dans la class infos. jste width:600px

9

c quoi ce biddouillage
insère tes fieldset dans un tableau ou crée tout simplment un tableau
ca sera plus simple

10

ok merci beaucoup la ca marche beaucoup mieux, mais j’obtiens pas le resultat qu’on a sous firefox avec mon premier essai, je sais je suis chiant mais j’aimerai comprendre pourquoi IE avec son code en retard de 4 ans ne marche pas :slight_smile:

11

Pourrais tu nous montrer le resultat que tu a sous firefox et que tu aimerais avoir ?

12

euh je crois que ca va etre dur a montrer, mais la solution est la, a priori :

.infos
{
margin:auto;
width:600px;
display : block;
}

donnée sur un autre forum, merci a Quarky !!

ca a l’air de fonctionner

13

C’est pas du bidouillage, c’est comme ça que ca ce fait pour centrer un site.

Un tableau avec <table align=“center”> ne passera pas, c’est une entete xhtml strict et cette propriétés n’est plus valable.

14

c vrai malheureusement