probleme min-height

avec Ie

16 mars 2006 à 12:48:50

Voila j'ai créé mon site avec firefox et tous s'affiche nickel

.
Je vais voir ce que sa donne avec Internet explorer :-°

.. PLein de bug decalages. J'ai reussi a en corriger certain. Mais il en reste un (assez important) qui a l'air de venir de la propriété css : min-height: xxpx qui a pas l'air de marcher sous IE si quelqu'un pourrai confirmer ou mieu donner une solution ...

http://kana.up.md/

voici le lien de mon site (en construction ) voyez par vous même ac FF puis IE.

Ps: Quelques commentaires ,critiques niveau design ou contenu seront la bienvenue . D'avance merci

jp949

16 mars 2006 à 15:50:53

min-height n'est pas pris en charge par IE .
faut avoir recours aux hacks ou aux commentaires pour programmer un height pour IE qui le traite comme un min-height

kanabeach

16 mars 2006 à 17:14:05

Merci pour la reponse. Par contre je sais pas trop comment mis prendre.. :-°

concrétement ca donne quoi?

voici mon css:

#corps
{
margin-left: 180px;
padding: 20px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/corps1.png");
margin-right: 6px;
min-height: 850px
}

Merci a vous Zero

ps: les commentaires sur le site sont toujours les bienvenue

strucky

16 mars 2006 à 19:39:39

Salut,

Il y a plusieurs façon de procéder, entre autres :

#corps
{
margin-left: 180px;
padding: 20px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/corps1.png");
margin-right: 6px;
height: 850px
}

body>#corps /* si body est l'élément parent de #corps */
{
height: auto;
min-height: 850px;
}

kanabeach

16 mars 2006 à 21:13:17

Ok merci

Y'a du mieu c'est sûre!

Donc maintenant la propriete min-heigt marche mais c'est décalé sous Internet explorer alors qu'avant le min-height marché pas mais c'était aligner

quelqu'un a compris

voir lien:

http://kana.up.md/

Alala si tt le monde avait FF :euh:

Mon CSS:

#haut
{
margin-left: 180px;
margin-right: 6px;
padding: 3px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/haut.png");
}

#corps
{
margin-left: 180px;
padding: 20px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/corps1.png");
margin-right: 6px;
height: 850px
}

body>#corps /* si body est l'élément parent de #corps */
{
height: auto;
min-height: 850px;
}

#bas
{
margin-left: 180px;
margin-right: 6px;
margin-bottom: 20px;
padding: 4px;
color: #B3B3B3;
background-color: #626262;
background-image: url("images/bas.png");
}

Mon Html:

<div id="haut">
</div>
<div id="corps">
</div>
<div id="bas">
</div>

Merci pour vos reponses

kanabeach

17 mars 2006 à 15:53:22

Personne peut m'aidé ou a une autre solution? :euh:

jp949

17 mars 2006 à 16:51:28

tu peux faire ca

#corps {/*tes propriets dont pour FF*/
min-height:100px; }

et la balise html <head>
</head>