Aller au contenu

[RESOLU CSS/HTML]Decalage sous IE


dureiken

Messages recommandés

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 :

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

Lien vers le commentaire
Partager sur d’autres sites

Ca marche en mettant à chaque fieldset une div comme parent mais bon je trouve pas ca top au niveau sémantique ....

Le code :

	<div>
	<fieldset class="infos" >
		<legend>Informations</legend>
		test
	</fieldset>
</div>
<div>
	<fieldset class="infos" >
		<legend>Informations</legend>
		test
	</fieldset>
</div>

Lien vers le commentaire
Partager sur d’autres sites

Après réfléxion, c'est tout bête : suffit de faire ceci (sans les div dans le html)

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

Au fait pourquoi déclarer une classe ?

Tu peux très bien remplacer ".infos" par "fieldset" à moins que tu n'utilises des fieldset ailleurs et n'ayant pas ces propriétés.

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...