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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  debutant en css

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

debutant en css

n°2094839
gilles974
Posté le 12-08-2011 à 08:11:59  profilanswer
 

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. }   
  16. div#menu {
  17. width:980px;
  18. height:30px; 
  19. position: absolute;
  20. z-index: 1;
  21. }
  22. div#contenu {
  23. width:980px;
  24. height: 100%;
  25. top: 230px;  
  26. position: absolute;
  27. background-color:#FFCC00;  
  28. }
  29. div#piedpage {
  30. width:980px;
  31. height:50px;
  32. top: 830px;
  33. position: absolute;
  34. background-color:#33FF99;
  35. }


 
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+

mood
Publicité
Posté le 12-08-2011 à 08:11:59  profilanswer
 

n°2094860
rufo
Pas me confondre avec Lycos!
Posté le 12-08-2011 à 09:13:50  profilanswer
 

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
n°2094862
gilles974
Posté le 12-08-2011 à 09:21:46  profilanswer
 

merci  
 
mais il faut faire quoi concretement

n°2094863
rufo
Pas me confondre avec Lycos!
Posté le 12-08-2011 à 09:23:46  profilanswer
 

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
n°2094883
gilles974
Posté le 12-08-2011 à 10:31:48  profilanswer
 

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

n°2094884
rufo
Pas me confondre avec Lycos!
Posté le 12-08-2011 à 10:39:15  profilanswer
 

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
n°2094889
gilles974
Posté le 12-08-2011 à 10:47:42  profilanswer
 

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

n°2094890
Skopos
Posté le 12-08-2011 à 10:49:50  profilanswer
 

Tu peux aussi te foutre d'IE6.

n°2094893
gilles974
Posté le 12-08-2011 à 10:57:58  profilanswer
 

exact c'est se compte faire


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

  debutant en css

 

Sujets relatifs
[Débutant] création site de streaming ![Résolu] [debutant] aide javascript
PHP débutant, envoi de mails dynamiquementListe d'objet DEBUTANT JAVA
débutant absolu n'arrive pas à faire fonctionner un javaDebutant bash
Recuperer l'adresse d'une variable retournée - debutantDébutant XSLT
Modifier formulaire / php débutant[Débutant en HTML]Qui pourrait vérifier mon code svp?
Plus de sujets relatifs à : debutant en css


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