28173 sujets

CSS et mise en forme, CSS3

Mon image de background dans le container3 n'étire pas sur y dans firefox. mon body est à 100% et mon container1 est aussi à 100%.
Dans IE pas de problème.

voici une partie de mon css:



body {background:url(images/bg01.gif) repeat-x #6b7982; margin: 0; color: #000000; font:11px Tahoma, Verdana, sans-serif; height:100%;}

#container1{width: 770px; margin: 0 auto; text-align: left; background-color:#fff; height:100%; }
*html #container1{height:auto;}

#container3{clear:both; width:770px; background:url(images/acc06.gif) repeat-y; height:100%; font:11px Tahoma, Verdana, sans-serif; color:#fff;}

#cont3_1{float:left; width:250px; height:100%;}
#cont3_11{float:left; padding:10px 5px 10px 0; height:100%; }
#cont3_2{float:left; width:245px; height:100%; padding:3px 10px 0 5px; margin-left:5px;}
#cont3_21{float:left; padding:10px 5px 10px 0; height:100%; }
#cont3_3{float:right; width:250px; height:100%;}
#cont3_31{float:left; padding:10px 5px 10px 0; height:100%; }


Voici le lien de la page:
http://demo.suitevox.com/zoomcomedic/fr/index.htm

Merci Smiley eek
Modifié par webberte (14 Nov 2007 - 16:58)
Bonjour,
En ajoutant la déclaration suivante à #container3 ... :
float:left
... ça devrait fonctionner.
Modifié par mecho (14 Nov 2007 - 16:53)