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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [css] div qui passe sur un autre

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[css] div qui passe sur un autre

n°1275002
masseur
Posté le 30-12-2005 à 16:22:34  profilanswer
 

Salut.
J'ai un petit problème de css.
 
En effet j'ai un div qui passe sur le bas de mon site quand le div en question à un contenu qui s'agrandi.
Sous IE ce problème ne se pose pas car le div du bas se met toujours en dessous du div qui peux s'agrandir mais sous mozilla le div passe par dessus.
 
Comment faire pour que le div du bas suive l'agrandissement ou non du div du dessus?
 

mood
Publicité
Posté le 30-12-2005 à 16:22:34  profilanswer
 

n°1275010
gravastar_​bureau
vive la mise en page en tab...
Posté le 30-12-2005 à 16:50:57  profilanswer
 

masseur a écrit :

Salut.
J'ai un petit problème de css.
 
En effet j'ai un div qui passe sur le bas de mon site quand le div en question à un contenu qui s'agrandi.
Sous IE ce problème ne se pose pas car le div du bas se met toujours en dessous du div qui peux s'agrandir mais sous mozilla le div passe par dessus.
 
Comment faire pour que le div du bas suive l'agrandissement ou non du div du dessus?


 
T'aurais pas du code pour qu'on puisse se rendre un peu mieux compte ?

n°1275011
omega2
Posté le 30-12-2005 à 16:52:16  profilanswer
 

Comme souvent, la réponse coule plus facilement de source quand on a le dit source sous les yeux.
Par ce que là, ne sachant pas comment tu positionnes tes div ni comment est organisé ta page, ben on peut pas te dire quoi changer ni ce qui merde.
 
EDIT : on m'a grillé.

Message cité 1 fois
Message édité par omega2 le 30-12-2005 à 16:52:38
n°1275014
gravastar_​bureau
vive la mise en page en tab...
Posté le 30-12-2005 à 16:56:06  profilanswer
 

omega2 a écrit :

Comme souvent, la réponse coule plus facilement de source quand on a le dit source sous les yeux.
Par ce que là, ne sachant pas comment tu positionnes tes div ni comment est organisé ta page, ben on peut pas te dire quoi changer ni ce qui merde.
 
EDIT : on m'a grillé.


 
Grillé peut-être, mais joli jeu de mots ^^

n°1275017
masseur
Posté le 30-12-2005 à 17:04:38  profilanswer
 

Voici le code html.
 

Code :
  1. <div id="le_tout">
  2. <div id="barrehautespace_login_haut">
  3. <div id="barrehaut"></div>
  4. <div id="espace_login_haut">
  5. </div>
  6. </div>
  7. <div id="menu"></div>
  8. <div id="header">
  9. </div>
  10. <div id="barrebleu_haut"></div>
  11. <div id="barrebleu_sous">
  12. </div>
  13. <div id="principal">
  14. <div id="cadre_bleu">
  15.   <div id="bloc_gauche"><div id="bleu_gauche"></div><div id="contenu_gauche">sdfgsdfg</div></div>
  16. <div id="bloc_droite"><div id="bleu_droite"></div><div id="contenu_droite">
  17.   <p>sdfgsdfgs</p>
  18.   <p>h</p>
  19.   <p>h</p>
  20.   <p>h</p>
  21.   <p>h</p>
  22.   <p>h</p>
  23.   <p>h</p>
  24.   <p>df</p>
  25.   <p>fd</p>
  26.   <p>gd</p>
  27.   <p>f</p>
  28.   <p>gd</p>
  29.   <p>f</p>
  30.   <p>g</p>
  31.   <p>df</p>
  32. </div></div>
  33. </div>
  34. <div id="log_pub">
  35. <div id="log"><div id="haut_log"></div><div id="fond_log">fds<BR></BR>fds<BR></BR></div></div>
  36. <div id="pub">pub</div>
  37. </div>
  38. </div>
  39. <div id="bas"></div>
  40. </div>


 
et le css
 

Code :
  1. #le_tout {
  2. width: 944px;
  3. border: 1px solid black;  /*1 OU 2*/
  4. }
  5. #menu {
  6. background-image: url(images/menu.jpg);
  7. background-repeat: repeat-x;
  8. height: 28px;
  9. width:944px;
  10. }
  11. #header
  12. {
  13. background-image: url(images/header.jpg);
  14. height: 79px;
  15. width:944px;
  16. /*prob de taille sous mozilla -> mettre un width avec un conditionnement pour IE*/
  17. }
  18. #barrehautespace_login_haut {
  19. height:30px;
  20. width: 944px;
  21. }
  22. #barrehaut {
  23. background-image: url(images/haut.jpg);
  24. height: 30px;
  25. width: 744px;
  26. float:left;
  27. }
  28. #espace_login_haut {
  29. height:30px;
  30. width:200px;
  31. float:right;
  32. background-color:#00FF00;
  33. }
  34. #barrebleu_haut {
  35. background-image: url(images/barrebleu_haut.jpg);
  36. background-repeat: repeat-x;
  37. height:26px;
  38. width:944px;
  39. }
  40. #barrebleu_sous {
  41. background-image: url(images/barrebleu_sous.jpg);
  42. background-repeat: repeat-x;
  43. height:17px;
  44. width:944px;
  45. }
  46. #principal {
  47. height: 480px;  /* pas mettre taille fixe*/
  48. width: 944px;
  49. }
  50. #cadre_bleu{
  51. width: 663px;
  52. float:left;
  53. margin-top:7px;
  54. }
  55. #bloc_gauche {
  56. margin-left:5px;
  57. float:left;
  58. border: 1px solid #2C82B3;
  59. }
  60. #bloc_droite {
  61. margin-right:6px;
  62. float:right;
  63. border: 1px solid #2C82B3;
  64. }
  65. #bleu_gauche{
  66. background-image: url(images/bleu_gauche.jpg);
  67. height:23px;
  68. width:434px;
  69. }
  70. #bleu_droite{
  71. background-image: url(images/bleu_droite.jpg);
  72. height:23px;
  73. width:208px;
  74. }
  75. #log_pub{
  76. width:275px;
  77. float:right;
  78. margin-top:0px;
  79. }
  80. #log{
  81. float:left;
  82. }
  83. #haut_log{
  84. background-image: url(images/haut_log.jpg);
  85. height:47px;
  86. width:120px;
  87. }
  88. #fond_log {
  89. background-image: url(images/fond_log.jpg);
  90. background-repeat: repeat-y;
  91. }
  92. #pub {
  93. float:right;
  94. width:auto;
  95. }
  96. #bas {
  97. background-image: url(images/bas.jpg);
  98. height:56px;
  99. width:944px;
  100. }
  101. #contenu_droite {
  102. height:auto;
  103. }


 
 
 
C'est donc contenu droite qui passe sur le div bas.


Message édité par masseur le 30-12-2005 à 17:06:34

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

  [css] div qui passe sur un autre

 

Sujets relatifs
Probléme lorsqu'une fenétre passe par dessus l'autre...VBA pour mot de passe sous Excel
Passe sous IE mais pas FirefoxProtection par mot de passe.
Mots de passe utilisateur sous MySqlchanger moot de passe dans active directory
Crypter un mot de passe?[C#] Protection mot de passe dans le code
Script qui passe avec Xdialog et non avec Dialogformulaire : générer un mot de passe a partir du nom...
Plus de sujets relatifs à : [css] div qui passe sur un autre


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