Quelques soucis de positionnement

Bonjour

Je me suis inspiré des tutos sur les css et j'ai refait mon site, en utilisant uniquement des CSS. J'ai quasiment tout réussi à faire, mais il me reste certains points que je n'arrive pas à éclaircir tout seul...!

Voici la version du site Full CSS: http://www.voilou.fr/test/Final/index.html
L'ancienne version est disponible ici: http://www.voilou.fr/test/index.html

Il me reste 2 problèmes:

1er problème: Dans le menu de droite et gauche, la petite icône sous forme de croix s'affiche bien au centre (verticalement) sous IE, mais sous Firefox, elle se retrouve en haut...

.fondbleu {
background: #067ABF url(images/arrow1.jpg) left no-repeat;
background-position:inherit;
margin:0 0 0 4px;
}

2eme problème: Je n'arrive pas à faire descendre le texte du footer...

#pied_de_page
{
   width: 875px;
   height:72px;
   background: url(images/test/bot.PNG);
   background-repeat: no-repeat;
}
#pied_de_page_texte
{
text-align: center;
color: white;
}

Merci pour votre aide
Modifié par nicolebo (07 Nov 2008 - 11:57)

Bonjour,

Pour la croix, il suffit de lui dire (left center)

background: #067ABF url(images/arrow1.jpg) left center no-repeat;

Et pour l'espace avant le texte en haut, dans le div#pied_de_page, il suffit de... lui dire

padding-top:10px;

@+

Bonjour et merci pour ton aide!

J'ai dû créer un autre div pour le texte car sinon, cela faisait déborder l'image...Mais le padding est effectivement la solution à mon problème

#texte_pied_de_page
{
   text-align: center;
   color: white;
   padding-top:10px;
}

merci encore
Modifié par nicolebo (07 Nov 2008 - 17:01)