Problème CSS

Marsh Posté le 14-04-2009 à 10:41:58

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 :

div#page {
background: #fff url('images/body-bg.png') repeat-y;
margin-top: 15px;
margin-left: auto;
margin-right: auto;
width: 960px;
clear: both;
}
div#header{
background: url('images/top.png') no-repeat top;
padding-top: 2px;
margin-bottom: 0;
margin: 0;
}
div#content {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 5px;
height: 600px;
/*border: 1px solid #CCCCCC;*/
}
div#footer{
background: url('images/bottom.png') no-repeat bottom;
padding-bottom: 20px;
}

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

Reply

Marsh Posté le 14-04-2009 à 10:41:58

Reply

Marsh Posté le 14-04-2009 à 10:44:23

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

Reply

Marsh Posté le 14-04-2009 à 11:04:25

Merci, je vais tester

Message édité par figosat le 14-04-2009 à 11:05:48

Reply

Marsh Posté le 14-04-2009 à 11:08:33

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

Reply

Marsh Posté le 14-04-2009 à 11:29:39

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

Reply

Marsh Posté le 14-04-2009 à 12:15:05

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.

Reply

Marsh Posté le 14-04-2009 à 12:17:17

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

Reply

Marsh Posté le 14-04-2009 à 17:36:15

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

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

Reply

Problème CSS

Sujets relatifs:

Leave a Replay