28220 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

Je suis en train de réaliser un site uniquement en css grâce à ce site d'ailleurs qui m'a tout appris. Smiley biggrin merci

Seulement j'ai encore des problèmes avec l'affichage sous Mozilla firefox, dans lesquels ma bordure de page ne s'affiche pas correctement.
Je ne comprend pas comment résoudre ce problème sachant que dans mes feuilles de style j'ai mis une class global et une class body qui devraient me permettrent d'afficher la bordure tout autour de mon site.
Je précise que cela focntionne avec IE Smiley ohwell .

a écrit :
/*Style appliqué à toutes les pages, il contient la structure globale*/
#global { /*permet de centrer le site sur ts les navigateurs*/
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left; /* on rétablit l'alignement normal du texte */
border: 1px solid #000000;
}
body { /* corps de la page*/
/*margin-right: 10px;
margin-left: 10px;*/
margin: 0; /*pour éviter les marges*/
text-align: center; /*pour corriger le bug de centrage*/
background-color:#FFFFFF;
}


une page du site : http://www.itin.fr/escia2005/group_pedagogie.html
Je vous remercie de votre aide précieuse.
Poulette
Modifié par ingrid (29 Jul 2005 - 10:39)
Bonjour déjà il y a plusieurs soucis dans ton css, tu écris :
a écrit :
/*Style appliqué à toutes les pages, il contient la structure globale*/
#global { /*permet de centrer le site sur ts les navigateurs*/
margin-left: auto;
margin-right: auto;
width: 800px;
text-align: left; /* on rétablit l'alignement normal du texte */
border: 1px solid #000000;
}
body { /* corps de la page*/
/*margin-right: 10px;
margin-left: 10px;*/
margin: 0; /*pour éviter les marges*/
text-align: center; /*pour corriger le bug de centrage*/
background-color:#FFFFFF;
}


Dans body sur une marge à droite et une marge à gauche puis parés tu redéfinis un margin à 0, tes proprétes d'avant sont écrasées.

Smiley cligne
Bon, je reviens à la charge pour te donner une piste, rajoute ceci dans ta css :

.contenu {
	width: 440px;
	margin-right: 5px;
	margin-left: 180px;
        height:100%;
}

Smiley cligne
Merci j'ai essayé de mettre 100% en height, c'est une bonne idée.
Mais ça ne fonctionne pas j'ai essayé de le mettre ailleurs mais toujours pas.

Bonne journée

.Poulette.