[HTML] Probleme d'alignement avec IE

Logiciel & apps Programmation
1

Bonjour à tous, dans le cadre d’un projet de fin d’année je dois réaliser un site internet sur le sujet que je souhaite, j’ai donc commencer mon site par la creation du design et les premiers problemes sont apparuent.

Tout d’abord voila un screen de ma page internet sur IE :

http://pix.nofrag.com/2d/28/d7a2985c0d491dbaea6babde3d6ct.jpg

Comme vous pouvez le remarquer j’ai un premier décalage dans mon header qui est en deux parties (celle du dessous servant plus tard comme menu) et j’ai également un second décalage au niveau du corps de la page qui est décalé de quelques pixels par rapport au pied et au header.

Je vous copie mon code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml?quot;>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<META NAME="AUTHOR" CONTENT="Shawn" />
<META NAME="description" content="Acceuil" />
<title>Index</title>
</head>

<body>

<div align="center">
	<img src="images/header.jpg" alt="Bienvenue sur COD2 MAPPING" hspace="0" vspace="0" border="0"/>
	<img src="images/topmenu.jpg" alt="" hspace="0" vspace="0" border="0"/>
	<p> </p>
	<p> </p>
	<p> </p>
	<p> </p>
	<p> </p>
	<p> </p>
	<p> </p>
	<p> </p>
	<p> </p>
	<p> </p>
	<p> </p>
	<p> </p>
</div>
<div align="center">
	<img src="images/footer.gif" align="absbottom"/>
</div>
</body>
</html>

Ainsi que mon fichier css :

body {
color:black;
background-color:#ffffff;
background-image:url(images/backgroundbis.gif);
background-attachment:fixed;
background-repeat:repeat-y;
background-position:center;
margin:0;
}

Sous firefox je n’ai aucun probleme tout est aligné bien comme il faut.

J’attends vos réponses avec impatience, merci d’avance,

Shawn

PS : Le site est réalisé avec une version de démonstration de dreamweaver 8 mais j’écris la plupart du code moi même (d’où une possible erreur dans celui-ci).

2

essaie de rajouter padding: 0; à ton CSS (sans garantie)

3

Je viens d’essayer sa ne change rien :frowning: merci quand même !

4

Il n’y a rien dans ton programme qui dit que la deuxième image doit se situer sous et non à droite de la première
C’est peut-être la mise à la ligne forcée qui est mal gérée sous IE

essaie
<img src="images/header.jpg" alt="Bienvenue sur COD2 MAPPING" hspace="0" vspace="0" border="0"/><br />
<img src="images/topmenu.jpg" alt="" hspace="0" vspace="0" border="0"/>

5

Arf merci c’était sa (erreur débile v_v) bon et bien je continu merci encore :slight_smile: