Bonjour (ou bonsoir)!
Voila, je galère à placer 3 pauvres div sur ma page...
c'est pour faire un site plutot basique, avec une banniere en haut (993 de large, 93 de haut), un menu en dessous à gauche (470x151) et le div principal du site: appelons le 'main' (470x842). Jusqu'ici, rien de bien méchant. Eh bien ci! Je n'arrive pas a placer le div 'main' a la bonne hauteur sous FF3, alors que c'est parfait sous IE7.
Je suis plutot débutant en css (la preuve...) donc si une ame charitable peut m'aider...
voila le code que j'ai pondu:
partie html
Code :
- <html>
- <head>
- <link rel=stylesheet type="text/css" href="css/css.css" />
- </head>
- <body>
- <div id="conteneur" class="conteneur">
- <div id="banniere" class="banniere">
- </div>
- <div id="menu" class="menu">
- </div>
- <div id="main" class="main">
- </div>
- </div>
- </body>
- </html>
|
partie css
Code :
- .banniere
- {
- background-image: url(../images/fond.banniere.jpg);
- width:993px;
- height: 93px;
- padding-left: 0px;
- position: relative;
- }
- .menu
- {
- float: left;
- background-image: url(../images/fond.menu.jpg);
- height: 470px;
- width: 151px;
- padding-left: 0px;
- position: relative;
- border-right: 0px;
- }
- .main
- {
- height: 470px;
- width: 842px;
- background-image: url(../images/fond.accueil.jpg);
- position: absolute;
- border-left: 0px
- }
- .conteneur
- {
- position: relative;
- margin-left: auto;
- margin-right: auto;
- width:993px;
- text-align: left;
- }
- body
- {
- text-align: center;
- }
|
Message édité par Marty_McFly le 01-09-2008 à 00:35:51
---------------
arg(z) = pi /2 donc z = i, moi je prends pas