julien2b | Bonjour à tous,
j'ai un souci avec des décalages à droite. Avec firefox tout va très bien.
Là où j'ai un problème c'est avec Internet explorer, (qui devrait être interdit).
J'en deviens chèvre à force de manipulation, mais je ne vois pas comment faire.
Quand Internet Explorer avec les favoris affichés ne donnent par exemples :
Nocario. 1. Parfait
Nocario 2. Parfait
Nocario 3. Décalée à droite.
pietricaggio 1. Décalée à droite
pietricaggio 2. Décalée à droite
pietricaggio 3. Parfait Internet Explorer sans les favoris.
Nocario. 1 décalé à droite
Nocario 2 décalées à droite
Nocario 3. Décalée à droite. Mais sous menu.
pietricaggio 1. Décalée à droite sous le menu
pietricaggio 2. Décalée à droite sous le menu
pietricaggio 3 décalées à droite sous le menu
si quelqu'un avait quelques petites indications sur ce problème, je l'en remercie.
Julien
http://ile.chrispat.free.fr/nocario1.php
Code :
- /***********************************************/
- /* CONTENEUR */
- /***********************************************/
- body {
- padding:0px;
- margin:0px
- }
- #template {
- position: absolute;
- font: 12px arial, helvetica, verdana, sans-serif;
- font: 'times new roman', times, serif;/* ajouté */
- color: #000;
- margin: 0px 7%;/* 7 % */
- width: 86%;/* 86*/
- border-top: 5px solid #333;
- background: #c00;
- font-size: small;
- line-height: 160%;
- }
- /***********************************************/
- /* ENTETE */
- /***********************************************/
- #header {
- background: #c00c;
- border: 1px solid #000;
- height: 70px;
- text-align: center;
- color: #000;
- font-weight: bold;
- font-size: 2em;
- margin: 0px;
- }
- #logomairie {
- float: left;
- margin-left: 140px;
- background-image: url(design/mairie.gif);
- }
- #testamaura {
- float: right;
- margin-right: 150px;
- background-image: url(design/logog.gif);
- }
- #chataig {
- float: right;
- margin-right: 15px;
- }
- #afficheg {
- position: absolute;
- left: 0px;
- width: 140px;
- height: 70px;
- background-color: #fc0;
- font: 12px arial, helvetica, verdana, sans-serif;
- font-weight: bold;
- }
- #affiched {
- position: absolute;
- right: 0px;
- width: 150px;
- height: 70px;
- background-color: #fc0;
- font: 12px arial, helvetica, verdana, sans-serif;
- font-weight: bold;
- }
- /***********************************************/
- /* MENU GAUCHE */
- /***********************************************/
- #menu{
- position: absolute;
- width: 116px;
- left: 0px;
- background-color: #fc0;
- color: black;
- font: 12px arial, helvetica, verdana, sans-serif;
- font-weight: bold;
- }
- #menu ul{
- list-style-type: none;
- margin: 0px;
- padding: 0px;
- }
- #menu li a{
- margin: 0px;
- padding: 5px;
- display: block;
- height: 1em;
- color: #000;
- text-decoration: none;
- }
- #menu a:hover{
- background-color: #add8e6;
- }
- #menu p{
- font-weight: bold;
- font-size: 1em;
- border: 1px solid #6495ED;
- background-color: #6495ed;
- color: #fff;
- text-align: center;
- margin: 0px;
- }
- /* propriétés communes à l'ensemble des 4 coins */
- #hautgauche, #hautdroit, #basgauche, #basdroit {
- height: 19px; width: 19px;
- background-repeat: no-repeat;
- font-size:1px; /* correction d'un bug IE */
- }
- /* propriétés spécifiques à chaque coin */
- #hautgauche {
- background: url(hautgauche.gif);
- }
- #hautdroit {
- float: right;
- background: url(hautdroit.gif);
- }
- #basgauche {
- background: url(basgauche.gif);
- }
- #basdroit {
- float: right;
- background: url(basdroit.gif);
- }
- #contenu p {
- color: white;
- margin: 0em; /*gestion des espaces interparagraphes */
- }
- /***********************************************/
- /* MENU DROITE */
- /***********************************************/
- #Rmenu{
- position: absolute;
- right: 0px;
- width: 116px;
- background-color: #fc0;
- color: black;
- font: 12px arial, helvetica, verdana, sans-serif;
- font-weight: bold;
- }
- #Rmenu ul{
- list-style-type: none;
- margin: 0px;
- padding: 0px;
- }
- #Rmenu li a{
- margin: 0px;
- padding: 5px;
- display: block;
- height: 1em;
- color: #000;
- text-decoration: none;
- }
- #Rmenu a:hover{
- background-color: #add8e6;
- }
- #Rmenu p{
- font-weight: bold;
- font-size: 1em;
- border: 1px solid #6495ED;
- background-color: #6495ed;
- color: #fff;
- text-align: center;
- margin: 0px;
- }
- /***********************************************/
- /* PARTIE CENTRALE */
- /***********************************************/
- #content {
- background: #fc6;
- margin-left: 116px;
- margin-top: 0px;
- margin-right: 116px;
- margin-bottom: 0px;
- padding: 10px;
- border: 2px solid green;
- }
- /***********************************************/
- /* PIED DE PAGE */
- /***********************************************/
- #footer {
- background: #f00;
- border-top: 2px dotted #ddd;
- padding: 5px 0;
- text-align: center;
- margin-top: 2px;
- }
- #footer p{
- margin: 0px;
- padding: 0px;
- }
- /********?????***************************************/
- /* GALERIE PHOTO */
- /***********************************************/
- dl.gallery{
- float:left;
- border: 1px solid #000;
- background-color: #93f;
- width: 102px;
- text-align: center;
- padding: 5px;
- margin: 1em;
- }
- .gallery dt { font-weight: bold; }
- .gallery dt img
- {
- border: 1px solid #000;
- width: 100px;
- height: 100px;
- }
- .gallery dd
- {
- margin: 0;
- padding: 0;
- }
- .clearboth
- {
- clear: both;
- }
- a img/* supprime la bordures bleu autour des vignettes*/
- {
- border: none ;
- }
|
Message édité par julien2b le 05-07-2005 à 16:36:55
|