Pb de positionnement sous IE
Résolu
leod
Messages postés
98
Statut
Membre
-
leod Messages postés 98 Statut Membre -
leod Messages postés 98 Statut Membre -
Bonjour a tous , voici mon problème , je viens de me mettre au css pour le positionnement de mes div
sous firfox aucun probleme d'affichage mais le rendu est totalement different sous IE
pourriez vous me dire ce que je doit modifier pour que le rendu soit identique sous tous les navigateurs !
je voudrais faire du travail propre mais je crois qu'avec IE ce n'est pas gagné
voici mon code :
<html>
<head>
<style>
.body
{
height: 100%;
margin: 0;
background-image: url("designmenu/fond.jpg");
}
.encastrage
{
width:1014px;
height:570px;
}
.menu
{
position:absolute;
width:222px;
height:399px;
overflow:hidden;
margin-left: 2px;
margin-top: 130px;
background-image: url("designmenu/menuinvite.jpg");
}
.barre
{
position:absolute;
width:780px;
height:65px;
margin-left: 221px;
margin-top: 2px;
overflow:hidden;
line-height: 68px;
background-image: url("designmenu/barre.jpg");
}
.corp
{
position:absolute;
height:484px;
overflow:hidden;
width:785px;
margin-left: 221px;
margin-top: 80px;
background-image: url("designmenu/corp.jpg");
}
.adresse
{
background-image: url("designmenu/fond.jpg");
overflow:auto;
height: 437px;
width: 712px;
margin-left: 35px;
margin-top: 23px;
}
.logo
{
height:124px;
width: 208px;
position:absolute;
overflow:hidden;
margin-left: 8px;
margin-top: 1px;
}
</style>
</head>
<body class="body">
<center>
<div class="encastrage">
<div class="logo"><img src="[logo]"></img></div>
<div class="barre">
<center><b>Bonjour <?php echo $nomu; ?> <?php echo $prenomu ; ?>, connecté en tant que <?php echo $pseudou; ?> (<font color="green"><?php echo $pourcent; ?> %</font>)</b></center>
</div>
<div class="menu">
<?php
if($pseudou=='invité')
{require('includes/menuinvite.php');}
else
{require('includes/menulogue.php');}
?>
</div>
<div class="corp">
<div class="adresse"><?php require($adresse); ?></div>
</div>
</div>
</div>
</center>
</body>
</html>
sous firfox aucun probleme d'affichage mais le rendu est totalement different sous IE
pourriez vous me dire ce que je doit modifier pour que le rendu soit identique sous tous les navigateurs !
je voudrais faire du travail propre mais je crois qu'avec IE ce n'est pas gagné
voici mon code :
<html>
<head>
<style>
.body
{
height: 100%;
margin: 0;
background-image: url("designmenu/fond.jpg");
}
.encastrage
{
width:1014px;
height:570px;
}
.menu
{
position:absolute;
width:222px;
height:399px;
overflow:hidden;
margin-left: 2px;
margin-top: 130px;
background-image: url("designmenu/menuinvite.jpg");
}
.barre
{
position:absolute;
width:780px;
height:65px;
margin-left: 221px;
margin-top: 2px;
overflow:hidden;
line-height: 68px;
background-image: url("designmenu/barre.jpg");
}
.corp
{
position:absolute;
height:484px;
overflow:hidden;
width:785px;
margin-left: 221px;
margin-top: 80px;
background-image: url("designmenu/corp.jpg");
}
.adresse
{
background-image: url("designmenu/fond.jpg");
overflow:auto;
height: 437px;
width: 712px;
margin-left: 35px;
margin-top: 23px;
}
.logo
{
height:124px;
width: 208px;
position:absolute;
overflow:hidden;
margin-left: 8px;
margin-top: 1px;
}
</style>
</head>
<body class="body">
<center>
<div class="encastrage">
<div class="logo"><img src="[logo]"></img></div>
<div class="barre">
<center><b>Bonjour <?php echo $nomu; ?> <?php echo $prenomu ; ?>, connecté en tant que <?php echo $pseudou; ?> (<font color="green"><?php echo $pourcent; ?> %</font>)</b></center>
</div>
<div class="menu">
<?php
if($pseudou=='invité')
{require('includes/menuinvite.php');}
else
{require('includes/menulogue.php');}
?>
</div>
<div class="corp">
<div class="adresse"><?php require($adresse); ?></div>
</div>
</div>
</div>
</center>
</body>
</html>
A voir également:
- Pb de positionnement sous IE
- Ie tab - Télécharger - Outils pour navigateurs
- Logiciel positionnement gratuit - Guide
- Ie 11 - Télécharger - Navigateurs
- Dans le document à télécharger, positionnez l'image dans le cadre gris. mettez un espace de 1 cm autour de l'image. comment se prénomme la personne recherchée ? - Forum Word
- Ie 9 - Télécharger - Navigateurs
1 réponse
j'ai trouvé merci pour vos nombreuses réponses ^^
pas grave on peu pas en avoir à chaque fois surtout sur des sujets archi traité
alors la solution était d'enlever le <center> qui englober les <div> et de mettre dans le css du div global : ici encastrage des margin auto
voilou defois que quelqu'un est le meme probleme
pas grave on peu pas en avoir à chaque fois surtout sur des sujets archi traité
alors la solution était d'enlever le <center> qui englober les <div> et de mettre dans le css du div global : ici encastrage des margin auto
voilou defois que quelqu'un est le meme probleme
