28172 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un probleme avec une div.
Je souhaiterais que l'image de fond à gauched'une div soit caché ou se "dissimule" avec une résolution 1024*768 ou lorsqu'on diminue la largeur de la fenetre comme sur ce lien :
http://www.lapetitefabricdebijoux.com/index.php?option=com_content&view=frontpage&Itemid=1.
J'ai mis un margin-let de la largeur de l'image du colier qui semble "bloquer".

Voici le site ou l'image de fond reste fixe et donc on a une grande barre de défilement :
http://lapetitefabricdebijoux.net/shop/

 Code de la page html
<html>
<body>
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<div id="ombre">
<div id="total">
blablablablablabla
blablablablablabla
blablablablablabla
</div>
</div>
</body>
</html>



Code la feuille de style CSS : 
html, body{
	margin: 0;
	padding: 0;
	font-size:11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	text-align:left;
	background-image: url('images/rayures.jpg');
	background-repeat:repeat-x;
}

div#ombre{background-image: url('images/background.jpg');background-repeat:no-repeat;min-height:750px;}
div#total{clear:both;background-color:#FFFFFF;color: #6d3b61;width:960px;margin-left:325px;}


Merci d'avance pour toute votre aide Smiley cligne

Bdorbo
Modifié par bdorbo (12 Apr 2009 - 21:04)