28220 sujets

CSS et mise en forme, CSS3

[RESOLU]Pb sous firefox

voila ma css

donc mon design est centré pour toutes les resolutions sa marche sous ie impec le centrage

mais sous firefox c decalé sur la gauche
quelqu'un peut il maider svp

/******* hyperlink et hover *******/
a:link, a:visited{
		color:#3C5641;
		text-decoration: none;
		font: bold 90% Tahoma,sans-serif;
}
a:hover{
       color:#80B464;
}
img {
border:none;
}
body {
		margin: 10px auto 20px auto;
    background-repeat:repeat;
    width: 768px;
        font-family: tahoma; 
        font-size: 10px; 
		color: #000000;
        background-color:  #000000;
		
}


/******* Design du site *******/
.topmenu {        margin: 0px;
float: right;
}
.header {         margin: 0px;

float: right;}
.dessous {        margin: 0px;

float: right;  }
.bas {         margin: 0px;

float: right;}
.bas2 {         margin: 0px;

float: right; }


/******* Includes  colonne*******/



/******* Includes index*******/

Modifié par pauline24030 (26 Aug 2005 - 01:46)
Bonjour pauline24030

Est-ce que tu pourrais tel que spécifié dans les Règles utiliser le BBCode [ code][/code ] (sans les espaces) pour baliser ton code ?

Merci,

--
Stephan
bonsoir

a écrit :
donc mon design est centré pour toutes les resolutions sa marche sous ie impec le centrage.mais sous firefox c decalé sur la gauche


à en juger par la css, ce n'est pas plutôt le contraire?

a:link, a:visited{
color:#3C5641;
text-decoration: none;
font: bold 90% Tahoma,sans-serif;
}
a:hover{
color:#80B464;
}


et active?

body {
margin: 10px auto 20px auto;
background-repeat:repeat; /*erreur */
width: 768px;
font-family: tahoma; /* il manque une police générique */
font-size: 10px; 
color: #000000;
background-color: #000000;

}
c'est normal, c'était juste une erreur à corriger.

je viens de tester avec firefox, éffectivement çà déconne sérieux même avec ie.avec ie c'est centrer mais il manque un bout à droite.

dans un premier temps, place les marges en commentaire et reteste.si tout ce retrouve aligné à gauche et en haut, c'est un pb de marges.d'après la css je ne vois que çà.toute la css est là?
je viens de m'apercevoir d'autre chose


.topmenu {margin: 0px; float: right;}
.header {margin: 0px; float: right;}
.dessous {margin: 0px; float: right;}
.bas {margin: 0px; float: right;}
.bas2 {margin: 0px; float: right;}


tu est sur de tes float? tout à droite çà me parait étrange.
a écrit :
pouvez vous maidez svp


c'est ce que j'essai de faire depuis hier Smiley cligne

tient bon la barre, on và en venir à bout.
pauline24030 a écrit :
oui elle est toute la pouvez vous maidez svp car je suis pas tres calée en css


Si tu n'es pas très calée, peut-être est-ce le bon moment pour prendre 2 ou 3 heures pour lire les principes de bases des Css. Il y a de quoi faire déjà sur la Tutoriaux du site.

Smiley smile
essai de tout désactiver en plaçant entre commentaire comme suit


/*.topmenu {margin: 0px; float: right;}*/
.topmenu {margin: 0px;}


procéde par étape, pas plus d'une à la fois.
<zzzazzz


c'est sur çà aiderais tout le monde.mais les conflits css on apprend pas à les gérés avec de la théorie.et puis, c'est connu, tout les débutants ce lance dans la création sans même connaitre les bases, il se forme sur le tas avec ce qu'il apprennent sur les forums et sites.

et puis un forum c'est aussi çà, un joyeux mélange.bien sur la bande passante en prend un coup, mais bon...
éffectivement, pour moi aussi.çà prouve une chose, il y à un bléme.tout à l'heure il manquer un morceau du site à droite.

désolé, mais, pour l'heure je vais dormir.on reprend tout demain?

/******* hyperlink et hover *******/
a:link, a:visited{
color:#3C5641;
text-decoration: none;
font: bold 90% Tahoma,sans-serif;
}
a:hover{
color:#80B464;
}
img {
border:none;
}
body, html{ /* <----- ici je rajoute html */
margin: 10px auto 20px auto;
font-family: Tahoma,sans-serif; 

width: 768px; /* <----  non, enlever ça, ça n'a rien à faire ici, éventuellement un width:100% mais ce me choque de voir ça */

font-size: 10px; 
color: #000000;
background-color:#000000;
text-align: center; 
	
}


/******* Design du site *******/
.topmenu { /* enlever tous les floats, le margin/text-align du body/html ci dessus se charge du placement des blocks */
margin: 0px;
}

.header {
margin: 0px;
}

.dessous {
margin: 0px;
 }

.bas {
margin: 0px;
}

.bas2 {
margin: -3px 0px 0px 0px;
 }


Voilà chez moi ça marche, le contenu est centré (pas testé sur IE, mais FF = ok)
Bonne nuit Smiley cligne
Modifié par zzzazzz (26 Aug 2005 - 01:45)
Sujet clos
Aller à