Pb de CSS avec FF

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Pb de CSS avec FF

energiez

Bonjour,

Je créer actuellement un site (http://tt.ufolep91.free.fr) qui a la structure suivante :

Code :

<html>
<body>
<div class="wapper">
plein de contenu avec div, ect...
</div>
</body>
</html>

Et le tt lié a un css contenant cela :

Code :

body
{
margin-left:auto;
margin-right:auto;
text-align:center;
background-color:#E6E6FA;
}
.wapper
{
background-color:#FFF0F5;
width:982px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/table raquettes.gif);
background-repeat:no-repeat;
background-position:290px 200px;
border: #cccccc 1px solid;
text-align:left;
}

Le tout fonctionne parfaitement sous IE, mais pas sous FF, la partie wapper n'est pas entiérement prise en compte :
- le background-image ne fonctionne pas,
- le background-color ne fonctionne pas,
- le border ne fonctionne pas !

Je comprend pas!

Pourtant j'ai des choses du meme genre ds la suite de mon CSS pour d'autre classe, et ca fonctionne trés bien :|

Une idée SVP???

Message édité par energiez le 20-02-2006 à 21:51:07

Publicité

gatsu35

Blablaté par Harko

met des guillemets dans url
background-image:url("../images/table raquettes.gif" );

et puis un conseil
ne mets jamais d'espace dans le nom de tes fichiers
et puis tu peux aussi faire ca si ca te chante :
background-image:url(../images/table%20raquettes.gif);

Pitsy

Hello,

Parce qu'aucun de tes blocs à l'intérieur de ton bloc principal wapper ne sont dans le flux, du coup celui-ci n'a aucune hauteur.
Si tu veux que ton waper descende jusqu'en bas, il te faut ajouter un clear:both (pour interrompre le flottement) dans ton css du pied de page et lui enlever son float:

Code :

.pied
{
width:980px;
height:80px;
background-color:#4682B4;
clear:both;
}

2-3 choses seraient à revoir:
- il n'y a pas de sens à mettre le top et le menu du haut en float
- beaucoup trop de div (genre celui de l'entremenu

energiez

Merci des conseils.

J'avoue ne pas tout comprendre Pitsy, mais le coup du clear:both ca marche

Je regarderai ca de plus pret demain, je fatigue la !

Encore merci

gatsu35

Blablaté par Harko

border s'utilise de la facon suivante :
border:Taillepx type couleur

ex: border: 1px solid #cccccc ;

FORUM HardWare.fr

Programmation

HTML/CSS

Pb de CSS avec FF

Sujets relatifs
probleme de validation w3C CSS couleur de fond	Validateur W3C CSS ne valide pas mes ''text-align''
[HTML/CSS]Problème de positionment avec IE, trou de 1px	[CSS] Problème de compatibilité, IE again
[Css Html] Problème avec les marges internes "padding	Espace fixe en CSS
[HTML/CSS]Problème pour faire des contours	[HTML/Css] Recherche tous les attributs de mise en page
[CSS] Aligner deux div	[Resolu] Probleme avec une CSS de Background sous Firefox
Plus de sujets relatifs à : Pb de CSS avec FF

Page générée en 0.032 secondes