28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai de nouveau un problème de compatibilité avec IE auquel je ne trouve pas de solution pour un site que je construit.

Voici l'adresse du site : http://oceansims.free.fr/site/index.php
Et celle du css : http://oceansims.free.fr/site/style.css

Le problème est flagrant : sur les pages où il y a moins de texte, le menu qui flotte à gauche est "coupé" car la page ne descend pas assez bas.

Auriez-vous une solution à me proposer ?
Par avance, merci.
Modifié par odSen (06 Jul 2006 - 20:59)
Il s'agit d'un problème de dépassement de flottants, que tu as gommé en utilisant une hauteur minimale pour ton bloc #texte. Seulement voilà, Internet Explorer ne comprend pas la propriété CSS min-height.

Il y a un moyen d'obtenir un équivalent de min-height dans Internet Explorer (en utilisant la propriété height, adressée à IE uniquement), mais ça serait un rafistolage par dessus un rafistolage. Pour t'en convaincre, je te propose d'agrandir le texte ([Ctrl]+[+] ou [Ctrl]+[molette vers le haut]). Le menu, dont la hauteur est décuplée quand la taille du texte augmente, dépasse alors les 800px de haut, et dépasse le conteneur global.

Il vaut donc mieux résoudre le problème de dépassement des flottants.
Je te conseille de lire les pages du lien ci-dessus, mais pour faire court la solution la plus intéressante dans le cas de ton site est sans doute de placer un clear: left; (ou un clear: both;) sur un des blocs de ton pied de page (de préférence le plus haut visuellement).
Bonsoir,

Merci de l'explication Smiley smile
Un clear: both; appliqué au premier de mes blocs de pied a corrigé efficacement le problème.

Encore merci, et bonne continuation !