28172 sujets

CSS et mise en forme, CSS3

Pb de background :(

Bonjour à tous,

j'ai des pb de background et je pige pas pkoi...

le css :

<style type="text/css">

* { margin: 0; padding: 0; border: 0; }


body {
	background-color: #d2d2d2;	
	font: 0.9em Verdana,sans-serif;
}

#page {
	width: 1000px;
	margin: 0 auto;
    position: relative;
}

#top {
	width: 1000px;
	background: #804000 url(header.jpg) no-repeat;	
	margin: 0 auto;
	height: 219px;
}

#wrapper {
	width: 1000px;
	background: #ffff00 url('fond.jpg') no-repeat right top;
}
	
#main {
	width: 790px;
	float: right;
	margin-left:0px;
	height: 781px;
}

#sidebar {
	width: 200px;
	float:left;
	clear:left;
	top:10px;
	background-color: #a3664b;
}
</script>


sous IE l'affichage du fond du wrapper se fait correctement
sous firefox nada !! il met la couleur du body....

si qq un a un début de reponse pour que je pige enfin Smiley smile

merci
stefan
Modifié par stefanherve (28 Sep 2009 - 22:18)
Salut,

Sous IE ... Mouais, à tous les coups tu parles de IE6. Fais une recherche sur le forum et/ou le site sur le phénomène de dépassement de flottants.
Hello stefanherve et bienvenue sur le forum Smiley smile ,

en tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

upload/1-code.gif

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que l'Aide (dont le lien est fourni lors de l'inscription) contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Agylus a écrit :
Salut,

Sous IE ... Mouais, à tous les coups tu parles de IE6. Fais une recherche sur le forum et/ou le site sur le phénomène de dépassement de flottants.


non je suis sous IE7
Salut,

Le problème ne vient-il pas des guillemets simples qui se trouve dans ton code css (?!):


#wrapper { 
    width: 1000px; 
    background: #ffff00 url([b][#red]'[/b][/#]fond.jpg[b][#red]'[/b][/#]) no-repeat right top; 
}
j'ai modifié pour :


#wrapper {
	margin: 0 auto;
	background: #ffff00 url(fond.jpg) no-repeat top right;
}
	
#main {
	margin-left: 210px;
	height: 781px;
	width: 790px;
}

#sidebar {
     float: left;
     width: 200px;
     background-color: #a3664b;
}


et cela fonctionne ! merci pour vos indices !!!

stefan
Bonsoir stefanherve,

Je rajoute juste le lien vers un article traitant le sujet de la technique du reset CSS : A lire.

Car, j'ai vu que tu l'utilisais :


* { margin: 0; padding: 0; border: 0; }
Sujet clos
Aller à