28220 sujets

CSS et mise en forme, CSS3

Décalée à droite.

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 ;
}

Modifié par Julien2B (01 Jul 2005 - 13:36)
Salut je viens de checker ton site et il se trouve que dans le code 2 des meta font référence à moi et me délivrent le copyright du site ainsi qu'ils me désgnent comme en étant l'auteur... ce serait gentil de les supprimer s'il te plaît car ce n'est pas là une de mes créations et il serait préjudiciable pour moi qu'un moteur de recherche comme google indexe ces pages en y associant ma griffe...

Merci d'avance.
Salut,

ton code CSS c'est bien, mais sans le HTML qui va avec, ça ne donne pas grand chose...

Le mieux serait un exemple en ligne pour visualiser le problème et tenter de le résoudre ensuite en connaissance de cause.
masterjmc a écrit :
Salut je viens de checker ton site et il se trouve que dans le code 2 des meta font référence à moi et me délivrent le copyright du site ainsi qu'ils me désgnent comme en étant l'auteur... ce serait gentil de les supprimer s'il te plaît car ce n'est pas là une de mes créations et il serait préjudiciable pour moi qu'un moteur de recherche comme google indexe ces pages en y associant ma griffe...

Merci d'avance.


Quel site ? je vois aucune URL ?
Olivier a écrit :


Quel site ? je vois aucune URL ?


celui là regarde le code dans les métas...
http://ile.chrispat.free.fr/nocario1.php

Niveau pompage j'ai vu mieux... là c'est carrément un désastre et j'y suis associé... je veux bien passer sur le fait que j'ait été copié honteusement parce qu'il est corse (as me) mais bon au moins qu'il vire ma griffe...

EDIT: Merci d'avoir apporté des retouches... mais à l'avenir ça serait bien de demander avant de copier... qui plus est si on copie avec des erreures... surtout que du code html je le donne gracieusement (c'est pas comme un design) Smiley cligne
Modifié par masterjmc (01 Jul 2005 - 14:05)
masterjmc, quelqu'un m'a aidé au début à faire le squelette de ce site.
Un internaute que je ne connais pas. Je pensais que le nom qu'il y avait sur la page première qui m'a envoyé était de lui, c'est pour ça que j'ai laissé son nom.
Si j'avais su qu'il venait de chez toi, j'aurais bien sûr retiré ton nom.
Être Corse n'a rien à voir là-dedans. Merci.
Je viens de retirer ton nom de toutes les pages.
Je te renouvelle toute mes excuses.
Cordialement
ah mais dit moi c'est pas toi CharlotteDeCorse ??

Parce qu'alors ça explique tout et dans ce cas là tu commets une autre infraction du fait que tu utilises un ghost sur le forum...

Quoi qu'il en soit la réponse à ton problème se trouve dans un des tutos d'alsacréations et il est causé par les floats...
Modifié par masterjmc (01 Jul 2005 - 14:15)
Je ne peux pas raconter ma vie sur ce forum, mais Charlotte n'est plus utilisée depuis bien longtemps. J'étais alité et ma soeur m'a aidé. Enfin bref.
Merci quand même.
Sujet clos
Aller à