CSS et styleswitcher

[Membre supprimé 2]

Bonjour,

J'utilise un javascript styleswitcher pour faire un changement de feuille de style à la volée (comme sur igen.fr).

Mon problème vient de la feuille aspect "métal brossé".

Ma bannière fait 747 x 71.

J'ai donc bien spécifié un height de 71

.banner {
	   margin-left: auto;
          margin-right: auto;
	   width:747px;
	   height: 71px;
          background-image:  url("img/naked.jpg") ;
          padding: 0px;

}

Mais il y a un problème avec cette hauteur... avez vous une idée ?

 

[Niconemo]

Sous Safari, il faut recharger la page pour que le hauteur soit prise en compte... mais ça marche... un pb de rafraîchissement.

Sous FireFox par contre la hauteur se rétablit correctement mais l'image ne se charge pas et le curseur ne semble pas être le bon...

#Edit message très précis de FireFox (qui décidément me surprendra toujours) quand je tente de charger l'image par son adresse :

The image ?http://-anonyme-.free.fr/img/naked.jpg? cannot be displayed, because it contains errors.

 

[iMatthieu]

Ton but c'est d'avoir une bannière centrée c'est ça ?

Je ferais comme ça :

.....

body {
margin: 10px;
}

div#cadre {
margin-left: auto;
margin-right: auto;
width:747px;
}

div#banner {
position: relative;
width:747px;
height: 71px;
background-image: url("img/naked.jpg") ;
}
....

<div id="cadre>

<div id="banner>

</div>
<---! ICI tu peux mettre d'autres <div> pour le reste de ton site centré.. si c'est ça le but
</div>
....

Ca marche sous SAFARI, IE sur pécé, le reste j'ai pas essayer..

 

[Niconemo]

Ben, non, en fait c'est pas trop ça la question :
Vas sur ce site : http://-anonyme-.free.fr/
Il y a 3 petits carrés de couleurs à gauche pour changer de CSS
Si tu cliques sur le carré du milieu (le gris), il y a un problème d'affichage lié à la hauteur de la div qui ne se rafraîchit pas dans Safari. Il suffit de rafraîchir la page pour régler le problème mais ça ne résout pas le bug...

La solution la plus simple serait d'utiliser des images de la même hauteur

 

[iMatthieu]

Rooo j'ai honte, j'ai même pas été voir les liens... Désolé je vais essayer de mieux lire avant d'écrire des tartines qui n'ont rien à voir

Je suis un âne !! :heu:

 

[mfay]

La solution la plus simple serait d'utiliser des images de la même hauteur

Et pour tes images actuelles tu combles avec du blanc en bas.

Au fait, j'ai enfin compris comment ça marche. Merci J'avais une solution qui ne marchait qu'avec safari et Explorrheur PC, alors que j'utilise Mozilla.

Très joli ton site

 

[Membre supprimé 2]

La solution la plus simple serait d'utiliser des images de la même hauteur

grâce à ton conseil tout est rentré dans l'ordre

Très joli ton site

Merci bcp, ca fait carrément plaisir