[Résolu] Problème de placement avec IE par Epiq - page 1

Bonjour,

Quand je vais sur ce site avec Internet Explorer :
<lien url="http://ericbergero.suidzer0.org"></lien>

Le menu et le corps sont un a la suite de l'autre alors qu'il faut qu'ils soient un a coté de l'autre.

Qu'est ce que IE ne prend pas?

Par quoi il faut le remplacer?

<title>L'Habel Trouvaille: Location de costumes</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="stylepage" href="stylepage.css" />
</head>

<body>



<div id="en_tete">

<? include("en_tete.php"); ?>

</div>



<div id="menu">

<? include("menuesite.php"); ?>

</div>



<div id="corps">

<? include("1024x768.php"); ?>

</div>



<div id="pied_de_page">
<? include("pied de page.php"); ?>
</div>

</body>

/* CSS Document */

body
{
width: 895px;
margin: auto;
margin-top: 5px;
margin-bottom: 5px;
background-image: url("images/fond.png");
background-color:#741817;
}

/* L'en-tête */

#en_tete
{
width: 150px;
height: 100px;
background-image: url("images/fond.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
}

#en_tete #en_tetecentre
{
width: 722px;
height: 100px;
background-image: url("images/banniere.png");
background-repeat: no-repeat;
margin-bottom: 10px;
margin-left: 170px;
color:#dbc19b;
}

/* Le menu */

#menu
{
float: left;
width: 150px;
}

.element_menu
{
background-color: #626262;
background-image: url("fond.jpg");
background-repeat: repeat-y;
border: 2px solid black;
margin-bottom: 20px;
}

/* Quelques effets sur les menus */

.element_menu h3
{
color: #B6BA1D;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
color:#FFFFFF;
}

.element_menu a
{
color: #FFFFFF;
}

.element_menu a:hover
{
background-color: #d0c1ae;
color: #8b0f0d;
font-size: 1.1em;
}

/* Le corps de la page */

#corps
{
margin-left: 170px;
margin-bottom: 20px;
padding: 5px;
color: #000000;
background-color: #dbc19b;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
width: 711px;
min-height: 550px;
}

#corps h1 /* Tous les titres h1 du corps */
{
color: #000000;
text-align: center;
font-family: Arial, "Times New Roman", Times, serif;
text-decoration:underline;
}

#corps h1.accessoires
{
color: #FF0000;
text-align: center;
font-family: Arial, "Times New Roman", Times, serif;
}

#corps img.grosseimages
{
width: 710px;
height: 560px;
border: 0px;
}

#corps h2 /* Tous les titres h2 du corps */
{
height: 30px;
background-image: url("images/titre.png"); /* Une petite image de fond sur les titres h2 */
background-repeat: no-repeat; /* L'image ne se répètera pas, elle sera à gauche du titre */
padding-left: 30px;
color: #B3B3B3;
text-align: left;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
padding: 5px;
text-align: center;
color: #FFFFFF;
background-color: #696943;
background-image: url("fond.jpg");
background-repeat: repeat-x;
border: 2px solid black;
}

#corps.fondRobesdebaletsmokings
{
background-image: url("bg/robedebal.jpg");
background-repeat:repeat-y;
}

#corps.PersonnagesdHalloween
{
background-image: url("bg/halloween.jpg");
background-repeat:repeat-y;
}

#corps.fondPersonnages
{
background-image: url("bg/personnages.jpg");
background-repeat:repeat-y;
}

#corps.fondNoël
{
background-image: url("bg/noel.jpg");
background-repeat:repeat-y;
}

#corps.NouvelleFrance
{
background-image: url("bg/nouvellefrance.jpg");
background-repeat:repeat-y;
}

#corps.fondReligion
{
background-image: url("bg/religion.jpg");
background-repeat:repeat-y;
}

#corps.fondÉpoque1850à2000
{
background-image: url("bg/1850a2000.jpg");
background-repeat:repeat-y;
}

#corps.fondMétiersetcarrières
{
background-image: url("bg/metierscarrieres.jpg");
background-repeat:repeat-y;
}

#corps.fondMédiéval
{
background-image: url("bg/medieval.jpg");
background-repeat:repeat-y;
}

#corps.fondEthnies
{
background-image: url("bg/ethnies.jpg");
background-repeat:repeat-y;
}

#corps.fondEnfants
{
background-image: url("fond.jpg");
background-repeat:repeat;
}

#corps.fondAutres
{
background-image: url("bg/autres.jpg");
background-repeat:repeat-y;
}

#corps.fondAnimaux
{
background-image: url("bg/animaux.jpg");
background-repeat:repeat-y;
}

#corps.fondAccessoires
{
background-image: url("fond.jpg");
background-repeat:repeat;
color: #FFFFFF;
}

#corps.listescostumestexte
{
Background-image: url("fond.jpg");
Background-repeat: Repeat;
color: #FFFFFF;
font-family: Arial, "Times New Roman", Times, serif;
}

.grandeur
{
border: 0;
width: 336px;
height: 480px;
}

.imgclasse
{
width:114px;
border: 0;
}

.imglistesphotos
{
width: 15%;
}

merci à vous

Epiq

20 décembre 2005 à 0:06:02

Eric

TimeSplitters

20 décembre 2005 à 0:18:54

Je viens à l'instant de régler ce pb:

#corps
{
margin-left: 170px;
margin-bottom: 20px;
padding: 0px;
color: #000000;
background-color: #dbc19b;
background-image: url("images/motif.png");
background-repeat: repeat-x;
border: 2px solid black;
width: 711px;
min-height: 550px;
}

#pied_de_page
{
padding: 0px;
text-align: center;
color: #FFFFFF;
background-color: #696943;
background-image: url("fond.jpg");
background-repeat: repeat-x;
border: 2px solid black;
}

Il faut en fait mettre padding-left : 0px;

20 décembre 2005 à 17:49:22

Merci

Problème de placement avec IE

Problème de placement avec IE

Supprimer

Modérer

Signaler le message aux modérateurs