Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1202 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bug de FF avec le placement de div ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Bug de FF avec le placement de div ?

n°1780768
Marty_McFl​y
Nan hé ho, d'accord?
Posté le 01-09-2008 à 00:09:08  profilanswer
 

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. }
  9. .menu
  10. {
  11.     float: left;
  12.     background-image: url(../images/fond.menu.jpg);
  13.     height: 470px;
  14.     width: 151px;
  15.     padding-left: 0px;
  16.     position: relative;
  17.     border-right: 0px;
  18. }
  19. .main
  20. {
  21.     height: 470px;
  22.     width: 842px;
  23.     background-image: url(../images/fond.accueil.jpg);
  24.     position: absolute;
  25.     border-left: 0px
  26. }
  27. .conteneur
  28. {
  29.     position: relative;
  30.     margin-left: auto;
  31.     margin-right: auto;
  32.     width:993px;
  33.     text-align: left;
  34. }
  35. body
  36. {
  37.     text-align: center;
  38. }


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

---------------
arg(z) = pi /2 donc z = i, moi je prends pas
mood
Publicité
Posté le 01-09-2008 à 00:09:08  profilanswer
 

n°1780798
bul3
Posté le 01-09-2008 à 06:42:42  profilanswer
 

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]
n°1780832
Marty_McFl​y
Nan hé ho, d'accord?
Posté le 01-09-2008 à 09:44:03  profilanswer
 

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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Bug de FF avec le placement de div ?

 

Sujets relatifs
Bug avec phpMyNewsletterBug flash et firefox 3
Jquery - Bug script perso- style Jcarousel (très très basique!!)[CSS] Problème de footer sous un div avec du contenu fixe/variable
jpg loadé dans swf via xml n'apparait pas sous IE et FFBug php ? preg_replace / classe ...
API GoogleMap ok sous FF mais pas sous IE[PHPMailer] PB/Bug "!" dans texte du mail après envoi.
SVG : support FF 3.0 ?Bug incompréhensible !!???
Plus de sujets relatifs à : Bug de FF avec le placement de div ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR