debutant en css

debutant en css - HTML/CSS - Programmation

Marsh Posté le 12-08-2011 à 08:11:59    

bonjour
 
je veux refaire mon site avec une base css et je me heurte à un problème de taille
 
le css

Code :
  1. div#global {
  2.      position:absolute;
  3.      left: 50%;
  4.      top: 50%;
  5.      width: 1024px;
  6.      height: 768px;
  7.      margin-top: -450px; /* moitié de la hauteur */
  8.      margin-left: -512px; /* moitié de la largeur */  
  9.      }
  10.  
  11. div#bandeau {
  12. width:980px;
  13. height:200px;
  14. position: relative;
  15. }   
  17. div#menu {
  18. width:980px;
  19. height:30px; 
  20. position: absolute;
  21. z-index: 1;
  22. }
  24. div#contenu {
  25. width:980px;
  26. height: 100%;
  27. top: 230px;  
  28. position: absolute;
  29. background-color:#FFCC00;  
  30. }
  32. div#piedpage {
  33. width:980px;
  34. height:50px;
  35. top: 830px;
  36. position: absolute;
  37. background-color:#33FF99;
  38. }


 
mon html

Code :
  1. <div id="global">
  2.    <div id="bandeau"> Ceci est le bandeau</div>
  3.    <div id="menu"><?php include ($_SERVER["DOCUMENT_ROOT"].'/include/menu/menu_horizontal.php');?></div>
  4.    <div id="contenu">
  5.    Ceci est le contenu0<br><br><br><br><b><br><br><br><br><br>
  6.    Ceci est le contenu1<br><br><br><br><br><br><br><br><br><br>
  7.    Ceci est le contenu2<br><br><br><br><br><br><br><br><br><br>
  8.    Ceci est le contenu3<br><br><br><br><br><br><br><br><br><br>
  9.    Ceci est le contenu4
  10.    </div>
  11.    <div id="piedpage">Ceci est le pied de page</div>
  12. </div>


 
je n'arrive pas à avoir le div#contenu dynamique en hauteur de sorte que lorsque j'arrive en bas, le pied de page descende en même temps que le contenu
 
merci d'avance a+

Reply

Marsh Posté le 12-08-2011 à 08:11:59   

Reply

Marsh Posté le 12-08-2011 à 09:13:50    

faut pas faire du position absolute :o


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 12-08-2011 à 09:21:46    

merci  
 
mais il faut faire quoi concretement

Reply

Marsh Posté le 12-08-2011 à 09:23:46    

enlever le position:absolute.


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 12-08-2011 à 10:31:48    

c'est bien se que j'ai fait, mais je suis obligé dans garder la position absolute pour mon div#menu pour que le menu deroulant passe par dessus le texte.
 
naturellement comme prévue sous IE c'est une vrai mer.... l'affichage alors que sous firefox pas de problème

Reply

Marsh Posté le 12-08-2011 à 10:39:15    

quel IE?
Si c'est < IE7, regarde du côté des hack css IE6 dans ce genre : http://centricle.com/ref/css/filters/


---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta
Reply

Marsh Posté le 12-08-2011 à 10:47:42    

je vais mettre à jour avec IE7 déjà pour voir
apparemment IE6 y a pas mal de bugs

Reply

Marsh Posté le 12-08-2011 à 10:49:50    

Tu peux aussi te foutre d'IE6.

Reply

Marsh Posté le 12-08-2011 à 10:57:58    

exact c'est se compte faire

Reply

Sujets relatifs:

Leave a Replay

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