28173 sujets

CSS et mise en forme, CSS3

Bonjour !

Tout d'abord merci pour ce forum, et pour ceux qui pourront éventuellement m'aider car ... Smiley confus c'est assez spécial.

Alors en fait, c'est un design composé de nombreuses images, et où le footer est accroché au bas de page (bottom: 0px;), avec un overflow: hidden, pour cacher tout ce qui dépasserait, en gros, aucun ascenceur. Cependant, j'ai mis des parties extensibles en hauteur, dans le but de d'avoir un design qui sadapte (en hauteur) à toutes les résolutions. Je ne savais pas trop comment faire cela, mais je crois avoir trouver une solution qui convient. Quoi qu'il en soit, j'ai réussi à tout positionner (en absolute), il ne me restait plus que le div du "contenu" à mettre au milieu, dans l'espace restant. Donc pour qu'il "s'étire" en hauteur, afin d'occuper cet espace (la largeur étant fixe), je l'ai délimité par un "top: 130px" et un "bottom: 150px;" avec un overflow: auto, pour mettre une scrollbar si ca dépasse. Donc le div occupe tout l'espace entre ces 2 limites quelle que soit la résolution !! Smiley biggrin

Sous Firefox, cela marche à la perfection !! Malheuresement, sous ie, le div ne s'affiche pas, car il n'y a pas de height. Smiley decu
J'ai donc tenté l'iframe avec height="100%" également, mais là elle recouvre le footer donc ca ne marche pas non plus ... et je préfèrerai une solution plus "propre" Smiley sweatdrop .

Voilà .. désolé si je ne me suis pas très bien expliqué, c'est un peu "space" comme mise en page et comme technique. Smiley ohwell

Merci pour votre aide ! Smiley biggrin
Modifié par Orelien (06 Jul 2006 - 00:32)