Bug de FF avec le placement de div ?

Bug de FF avec le placement de div ? - HTML/CSS - Programmation

Marsh Posté le 01-09-2008 à 00:09:08    

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 :
  1. <html>
  2.     <head>
  3.         <link rel=stylesheet type="text/css" href="css/css.css" />
  4.     </head>
  5.     <body>
  6.             <div id="conteneur" class="conteneur">
  7.                 <div id="banniere" class="banniere">
  8.                 </div>
  9.                 <div id="menu" class="menu">
  10.                 </div>
  11.                 <div id="main" class="main">
  12.                 </div>
  13.             </div>
  14.     </body>
  15. </html>


partie css

Code :
  1. .banniere
  2. {
  3.     background-image: url(../images/fond.banniere.jpg);
  4.     width:993px;
  5.     height: 93px;
  6.     padding-left: 0px;
  7.     position: relative;
  8. }
  10. .menu
  11. {
  12.     float: left;
  13.     background-image: url(../images/fond.menu.jpg);
  14.     height: 470px;
  15.     width: 151px;
  16.     padding-left: 0px;
  17.     position: relative;
  18.     border-right: 0px;
  19. }
  21. .main
  22. {
  23.     height: 470px;
  24.     width: 842px;
  25.     background-image: url(../images/fond.accueil.jpg);
  26.     position: absolute;
  27.     border-left: 0px
  28. }
  30. .conteneur
  31. {
  32.     position: relative;
  33.     margin-left: auto;
  34.     margin-right: auto;
  35.     width:993px;
  36.     text-align: left;
  37. }
  39. body
  40. {
  41.     text-align: center;
  42. }


Message édité par Marty_McFly le 01-09-2008 à 00:35:51

---------------
arg(z) = pi /2 donc z = i, moi je prends pas
Reply

Marsh Posté le 01-09-2008 à 00:09:08   

Reply

Marsh Posté le 01-09-2008 à 06:42:42    

bonjour,
y'a pas d'bugs... dans aucun navigateurs.
 
alors déjà, tu met position:absolute ou relative,
sans donner le top et le left... donc coordonnées = 0,0
 
sucre les position:absoulte|relative... et dis nous
si c'est ce que tu veux...
 
@+


---------------
[mon site] [m'écrire]
Reply

Marsh Posté le 01-09-2008 à 09:44:03    

effectivement, j'ai viré les positions: absolute | relative, j'ai ajouté un float: right; pour la zone appelée 'main' et j'ai ajouté une hauteur au conteneur (et ce afin que le centrage puisse se faire). Tout roule à présent, merci bien :p


---------------
arg(z) = pi /2 donc z = i, moi je prends pas
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed