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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Problème CSS

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Problème CSS

n°1872653
figosat
Posté le 14-04-2009 à 10:41:58  profilanswer
 

Bonjour,
Je suis entrain de développer une application web avec des feuilles de style. Ma page est découper en 3 div :
un header, un content et un footer et le tout est contenu dans div page.
 

Code :
  1. div#page {
  2. background: #fff url('images/body-bg.png') repeat-y;
  3. margin-top: 15px;
  4. margin-left: auto;
  5. margin-right: auto;
  6. width: 960px;
  7. clear: both;
  8. }
  9. div#header{
  10. background: url('images/top.png') no-repeat top;
  11. padding-top: 2px;
  12. margin-bottom: 0;
  13. margin: 0;
  14. }
  15. div#content {
  16. margin-left: 10px;
  17. margin-right: 10px;
  18. margin-bottom: 5px;
  19. height: 600px;
  20. /*border: 1px solid #CCCCCC;*/
  21. }
  22. div#footer{
  23. background: url('images/bottom.png') no-repeat bottom;
  24. padding-bottom: 20px;
  25. }


 
Mon souhaite est de rendre la parte "content" dynamique c.à.d qd le contenu est inférieur à 600 px la div content reste à 600px sinon augmenter automatiquement la taille de content. Avez vous une solution CSS SVP. Merci à tous

mood
Publicité
Posté le 14-04-2009 à 10:41:58  profilanswer
 

n°1872656
Profil sup​primé
Posté le 14-04-2009 à 10:44:23  answer
 

tu peux utiliser la propriété min-height mais elle est incompatible avec certaines versions d'IE

n°1872669
figosat
Posté le 14-04-2009 à 11:04:25  profilanswer
 

Merci, je vais tester


Message édité par figosat le 14-04-2009 à 11:05:48
n°1872672
figosat
Posté le 14-04-2009 à 11:08:33  profilanswer
 

min-height marche bien mais que sur firefix :-( Il n y a pas une autre astuce SVP.

n°1872705
Profil sup​primé
Posté le 14-04-2009 à 11:29:39  answer
 

cherche un peu... y'a plein de façons de résoudre ton problèmes

n°1872755
figosat
Posté le 14-04-2009 à 12:15:05  profilanswer
 

lol, c'est ce que je suis entrain de faire. ET c'est la raison pour laquelle je vous demande une façon parmi les façons.  ;)

n°1872756
figosat
Posté le 14-04-2009 à 12:17:17  profilanswer
 

[Resolu] merci luc@s. En fait il ne faut pas mettre position absolute.

n°1872918
stealth35
Posté le 14-04-2009 à 17:36:15  profilanswer
 

#content {
height : 600px;
}
html > body #content {
height : auto;
min-height : 600px;
overflow : hidden;
}


Message édité par stealth35 le 14-04-2009 à 17:36:27

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

  Problème CSS

 

Sujets relatifs
Probléme CSSProblème de CSS
[Résolu] Problème de CSS sur un tri ajax d'un tableauCSS problème de roll over en couleur ....
Problème placement de boite en CSS[CSS] Probleme centrage texte
Problème alignement bloc CSS [terminé]Problème d'image d'arrière-plan en CSS
[HTML/CSS] problème d'organisation - Résolu.Problème d'affichage d'un menu en CSS (résolu)
Plus de sujets relatifs à : Problème CSS


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