Centrage du body incorrecte sous ie8
kevin
-
ChrisCompote Messages postés 73 Date d'inscription Statut Membre Dernière intervention -
ChrisCompote Messages postés 73 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Bonjour j'ai un petit soucit d'alignement entre ie8 et FF avec le centrage je suppose que cela vient de mon Css mais je ne voie pas ou
l'adresse du site est :
http://www.cc-paysdelapalisse.fr/
Faites la différence entre ie8 et FF vous verrez les décalages
Le Css que j'utilise et qui pose probléme est celui-ci
#recherche
{
margin-right : 45px;
margin-top : -7px;
padding-top : 42px;
}
.centre{
margin-left: 210px;
width:693px;
min-height:800px;
z-index:1;
padding:10px;
background-color:white;
}
.gauche{
float:left;
width: 173px;
margin-left:11px;
margin-top : 1px;
padding-bottom:0px;
}
Et mon probléme apparait lorsque je souhaite centrer mon image ou mon texte sous ie8 Il ne le centre pas du tout il le place en dessous.
voici un exemple dee code source de page
<?php include('connect.php'); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="Lapalisse, pays de lapalisse, chateau de lapalisse, LAPALISSE, communauté de commune de lapalisse, de chabanne, château de lapalisse, médiathéque de lapalisse, mediatheque">
<?php include("meta.php");?>
<link rel="stylesheet" type="text/css" href="guart.css" title="Design">
<link type="text/css" href="fg.menu.css" media="screen" rel="stylesheet">
<link type="text/css" href="theme/ui.all.css" media="screen" rel="stylesheet">
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style2.css">
<!--[if IE 6]>
<style type="text/css">
.fg-menu-ipod .fg-menu li { width: 95%; }
.fg-menu-ipod .ui-widget-content { border:0; }
</style>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="guartIe.css">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="guartIe7.css">
<![endif]-->
<!--[if !IE]> <-->
<style type="text/css">
.centre
{
float : left;
margin-left : 17px;
}
#footer
{
clear : both;
}
</style>
<!--> <![endif]-->
<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="js/initTinyMCE.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/fg.menu.js"></script>
<script type="text/javascript" src="js/preview.js"></script>
<script type="text/javascript" src="js/configMenu.js"></script>
<script type="text/javascript" src="js/jquery.scrollable-1.0.2.js"></script>
<script type="text/javascript" src="http://static.flowplayer.org/js/jquery.mousewheel.js"></script>
<script type="text/javascript">
// execute your scripts when DOM is ready. this is a good habit
$(function() {
// initialize scrollable
$("div.scrollable").scrollable({// items are auto-scrolled in 2 secnod interval
interval: 4000,
// make animation a little slower than the default
speed: 600,
loop : true,
vertical : true,
size : 5
});
});
</script>
</head>
<body>
<div id="ban">
<a href="./admin/" target="_blank"><img src="rien.gif" height="110" width="100" align="left" alt="admin"></a>
<div id="recherche">
<?php include('barre_recherche.php'); ?>
</div>
</div>
<div id="conteneur"><br>
<?php include('fil.php'); ?>
<div class='gauche'>
<div id="menuBg">
<?php include('menu_dynamique.php'); ?>
<?php include('defil2.php');?>
</div>
<div style='margin-top:0px ;margin-left:-6px; clear:both;'>
<img src='./footer_menu.gif' title="footer_menu" alt="footer">
</div>
<div style="background-color : rgb(212, 205, 212);
-moz-border-radius : 1em 0px;
padding : 13px;
background-repeat: no-repeat;
background-position: 0px 0px;padding-left: 47px;
background-image: url('photos/ideeInfo.png'); ">
<a href="Boite_a_idees.html" style="color : black; text-decoration : none; font-size : 17px;">
Boite à idées
</a>
</div>
<br>
<!-- Image pour les démarches en ligne. -->
<div style="text-align : center;">
<a href="http://cc-pays-de-lapalisse.demarchesenligne.fr/droits-et-demarches"><img alt="Vos démarches en ligne" src="demarche.png"></a>
</div>
</div>
<!-- Fin -->
<div class="centre">
<?php include('centre.php'); ?>
</div>
<div id='footer'>
<?php include('footer.php'); ?>
</div>
</div>
</body>
</html>
Merci d'avance pour l'aide que vous m'apporterez.
Bonjour j'ai un petit soucit d'alignement entre ie8 et FF avec le centrage je suppose que cela vient de mon Css mais je ne voie pas ou
l'adresse du site est :
http://www.cc-paysdelapalisse.fr/
Faites la différence entre ie8 et FF vous verrez les décalages
Le Css que j'utilise et qui pose probléme est celui-ci
#recherche
{
margin-right : 45px;
margin-top : -7px;
padding-top : 42px;
}
.centre{
margin-left: 210px;
width:693px;
min-height:800px;
z-index:1;
padding:10px;
background-color:white;
}
.gauche{
float:left;
width: 173px;
margin-left:11px;
margin-top : 1px;
padding-bottom:0px;
}
Et mon probléme apparait lorsque je souhaite centrer mon image ou mon texte sous ie8 Il ne le centre pas du tout il le place en dessous.
voici un exemple dee code source de page
<?php include('connect.php'); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="Lapalisse, pays de lapalisse, chateau de lapalisse, LAPALISSE, communauté de commune de lapalisse, de chabanne, château de lapalisse, médiathéque de lapalisse, mediatheque">
<?php include("meta.php");?>
<link rel="stylesheet" type="text/css" href="guart.css" title="Design">
<link type="text/css" href="fg.menu.css" media="screen" rel="stylesheet">
<link type="text/css" href="theme/ui.all.css" media="screen" rel="stylesheet">
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="style2.css">
<!--[if IE 6]>
<style type="text/css">
.fg-menu-ipod .fg-menu li { width: 95%; }
.fg-menu-ipod .ui-widget-content { border:0; }
</style>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="guartIe.css">
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="guartIe7.css">
<![endif]-->
<!--[if !IE]> <-->
<style type="text/css">
.centre
{
float : left;
margin-left : 17px;
}
#footer
{
clear : both;
}
</style>
<!--> <![endif]-->
<script type="text/javascript" src="js/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="js/initTinyMCE.js"></script>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/fg.menu.js"></script>
<script type="text/javascript" src="js/preview.js"></script>
<script type="text/javascript" src="js/configMenu.js"></script>
<script type="text/javascript" src="js/jquery.scrollable-1.0.2.js"></script>
<script type="text/javascript" src="http://static.flowplayer.org/js/jquery.mousewheel.js"></script>
<script type="text/javascript">
// execute your scripts when DOM is ready. this is a good habit
$(function() {
// initialize scrollable
$("div.scrollable").scrollable({// items are auto-scrolled in 2 secnod interval
interval: 4000,
// make animation a little slower than the default
speed: 600,
loop : true,
vertical : true,
size : 5
});
});
</script>
</head>
<body>
<div id="ban">
<a href="./admin/" target="_blank"><img src="rien.gif" height="110" width="100" align="left" alt="admin"></a>
<div id="recherche">
<?php include('barre_recherche.php'); ?>
</div>
</div>
<div id="conteneur"><br>
<?php include('fil.php'); ?>
<div class='gauche'>
<div id="menuBg">
<?php include('menu_dynamique.php'); ?>
<?php include('defil2.php');?>
</div>
<div style='margin-top:0px ;margin-left:-6px; clear:both;'>
<img src='./footer_menu.gif' title="footer_menu" alt="footer">
</div>
<div style="background-color : rgb(212, 205, 212);
-moz-border-radius : 1em 0px;
padding : 13px;
background-repeat: no-repeat;
background-position: 0px 0px;padding-left: 47px;
background-image: url('photos/ideeInfo.png'); ">
<a href="Boite_a_idees.html" style="color : black; text-decoration : none; font-size : 17px;">
Boite à idées
</a>
</div>
<br>
<!-- Image pour les démarches en ligne. -->
<div style="text-align : center;">
<a href="http://cc-pays-de-lapalisse.demarchesenligne.fr/droits-et-demarches"><img alt="Vos démarches en ligne" src="demarche.png"></a>
</div>
</div>
<!-- Fin -->
<div class="centre">
<?php include('centre.php'); ?>
</div>
<div id='footer'>
<?php include('footer.php'); ?>
</div>
</div>
</body>
</html>
Merci d'avance pour l'aide que vous m'apporterez.
A voir également:
- Centrage du body incorrecte sous ie8
- Ie8 - Télécharger - Navigateurs
- La clé de sécurité réseau est incorrecte ✓ - Forum WiFi
- Configuration cote à cote incorrecte chrome ✓ - Forum Google Chrome
- La clé de sécurité réseau est incorrecte. Réessayer. - Forum Réseau
- La syntaxe du nom de fichier de répertoire ou de volume est incorrecte ✓ - Forum Windows 10
