pb css

bonjour

petit probleme avec les feuilles de style CSS et MSIE

voici mon probleme :
pour tout les navigateurs :
min-height:800px;

mais cela ne fonctionne pas sous MSIE, ou il faut mettre :
height:1000px; a la place

comment je peux faire pour que ma page soit compatible tout navigateurs ?

joebuz

Salut,
j' ai pas trouvé la solution en css alors j' ai utilisé JavaScript :

<script type="text/javascript">
<!--
var corps = document.getElementById('corps');
var menu = document.getElementById('menu');

if (navigator.appName.substring(0,3) == 'Mic'){
    if(corps.offsetHeight <= menu.offsetHeight){
        corps.style.height = (menu.offsetHeight)+'px';
    }
}

corps.style.minHeight = (menu.offsetHeight)+'px';
//-->
</script>

@+

Immortal-PC,
téléchargements,astuces ,entre-aide informatique , conseils pour vos problèmes d'ordi. 
Grâce à Immortal-PC votre ordinateur passera les âges.

je ne connais pas du tout javascript alors si tu peux eclairer ma lanterne sur ton script, ca m'aiderais peut-etre a comprendre un peu mieux !!

joebuz

Salut,
c' est quoi ton contexte d' utilisation de min-height:800px; ??
Moi j' avais un problème avec le menu et le corps du site.
Je n' utilisais pas de tableau, donc tout avec des div et un float left pour le menu.
Ce qui faisait que quand le corps ne dépassait pas le menu, le menu traverssait le copyright en bas.

Es la même chose pour toi ?
@+

Immortal-PC,
téléchargements,astuces ,entre-aide informatique , conseils pour vos problèmes d'ordi. 
Grâce à Immortal-PC votre ordinateur passera les âges.

j'utilise une feuille de style 104.css

pour toute mes pages, pour le contenu du site (hors header et menu) j'ai un div et pour ce div j'avais mis

height:1000px;

taille normale d'affichage de la page, mais le probleme c'est que quand la page devient trop longue et necessite l'utilisation du scrollbar, le fond du contenu ne s'agrandis pas et reste a 1000px sur tout les navigateurs (sauf  IE), donc pour corriger ce probleme j'ai remplacer height:1000px; par min-height:800px; pour donner une taille minimale de 800px puis agrandissement si besoin ce qui fonctionne tres bien pour tout les navigateurs pour mon probleme.

 

Mais en faisant ça j'ai un nouveau probleme uniquement sous IE pour les pages trop courte !! où je suis obligé de mettre height:1000px; pour IE, le probleme est que l'on ne peux pas configurer une feuille de style .css pour chaque navigateurs !

url d'essai :

 

page normale : [ Lien ]

page longue : [ Lien ] [ Lien ]

page courte : [ Lien ]

joebuz

Salut,

J' ai eu le même problème que toi ^^
créer un div : <div id="menu">ton menu ici</div>
et un div <div id="corps">Le corps de ton site ici</div>

Et tu mets le code :

<script type="text/javascript">
<!--
var corps = document.getElementById('corps');
var menu = document.getElementById('menu');

if (navigator.appName.substring(0,3) == 'Mic'){
    if(corps.offsetHeight <= menu.offsetHeight){
        corps.style.height = (menu.offsetHeight)+'px';
    }
}

corps.style.minHeight = (menu.offsetHeight)+'px';
//-->
</script>

juste avant les balises : </body></html>

@+

Immortal-PC,
téléchargements,astuces ,entre-aide informatique , conseils pour vos problèmes d'ordi. 
Grâce à Immortal-PC votre ordinateur passera les âges.

Bonsoir, Ce sujet est bien ancien déjà mais juste un GRAND merci à ImmortalPC qui vient de m'enlever une poutre du pied ... ! Je cherchais depuis des heures ! MERCI