Voilà mon problème est stupide mais ... je n'arrive plus à rendre mon site extensible en hauteur ...
Le problème est que je voudrais avoir une hauteur minimum de 1500px, comme indiqué dans la feuille de style que je vais vous copier, mais si je dépasse cette hauteur, le contenu " déborde " du bloc conteneur ...
Edit : Voici un lienlienlienlien vers un screen de mes derniers tests en local ...
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce facilisis eros. Mauris rhoncus. Curabitur ipsum felis, fringilla sed, faucibus a, facilisis sed, dui. Praesent commodo ullamcorper est. Vestibulum leo. Cras venenatis, tortor et cursus elementum, orci mauris porta lorem, sed ornare lectus lorem ac nisl. Sed rutrum nisl sed lorem. Vivamus porttitor accumsan sapien. Suspendisse blandit ipsum at sapien. Vestibulum eu nulla. Nullam sit amet tortor. Suspendisse volutpat felis sit amet erat.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sit amet eros non velit ornare laoreet. Sed at lorem consectetuer augue rutrum semper. Nulla eleifend risus at tellus. Nullam sed purus. Suspendisse neque nulla, convallis ut, sagittis in, porta nec, pede. Donec a nisl. Donec elit metus, cursus et, hendrerit eu, posuere in, elit. Mauris tortor. Cras cursus, eros quis consectetuer condimentum, dolor enim ornare ipsum, eget iaculis risus sem vel tellus. Fusce felis. Nullam justo dolor, viverra et, vehicula sit amet, vestibulum eleifend, ipsum.
</p>
</div>
<div class="contenu_news">
<div class="titre_news"><h2>Ouverture du site</h2></div>
<div class="date_news"><p>Pard, le 31.01.2006 à 15h47</p></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce facilisis eros. Mauris rhoncus. Curabitur ipsum felis, fringilla sed, faucibus a, facilisis sed, dui. Praesent commodo ullamcorper est. Vestibulum leo. Cras venenatis, tortor et cursus elementum, orci mauris porta lorem, sed ornare lectus lorem ac nisl. Sed rutrum nisl sed lorem. Vivamus porttitor accumsan sapien. Suspendisse blandit ipsum at sapien. Vestibulum eu nulla. Nullam sit amet tortor. Suspendisse volutpat felis sit amet erat.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sit amet eros non velit ornare laoreet. Sed at lorem consectetuer augue rutrum semper. Nulla eleifend risus at tellus. Nullam sed purus. Suspendisse neque nulla, convallis ut, sagittis in, porta nec, pede. Donec a nisl. Donec elit metus, cursus et, hendrerit eu, posuere in, elit. Mauris tortor. Cras cursus, eros quis consectetuer condimentum, dolor enim ornare ipsum, eget iaculis risus sem vel tellus. Fusce felis. Nullam justo dolor, viverra et, vehicula sit amet, vestibulum eleifend, ipsum.
</p>
</div>
<div class="contenu_news">
<div class="titre_news"><h2>Ouverture du site</h2></div>
<div class="date_news"><p>Pard, le 31.01.2006 à 15h47</p></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce facilisis eros. Mauris rhoncus. Curabitur ipsum felis, fringilla sed, faucibus a, facilisis sed, dui. Praesent commodo ullamcorper est. Vestibulum leo. Cras venenatis, tortor et cursus elementum, orci mauris porta lorem, sed ornare lectus lorem ac nisl. Sed rutrum nisl sed lorem. Vivamus porttitor accumsan sapien. Suspendisse blandit ipsum at sapien. Vestibulum eu nulla. Nullam sit amet tortor. Suspendisse volutpat felis sit amet erat.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sit amet eros non velit ornare laoreet. Sed at lorem consectetuer augue rutrum semper. Nulla eleifend risus at tellus. Nullam sed purus. Suspendisse neque nulla, convallis ut, sagittis in, porta nec, pede. Donec a nisl. Donec elit metus, cursus et, hendrerit eu, posuere in, elit. Mauris tortor. Cras cursus, eros quis consectetuer condimentum, dolor enim ornare ipsum, eget iaculis risus sem vel tellus. Fusce felis. Nullam justo dolor, viverra et, vehicula sit amet, vestibulum eleifend, ipsum.
</p>
</div>
<div class="contenu_news">
<div class="titre_news"><h2>Ouverture du site</h2></div>
<div class="date_news"><p>Pard, le 31.01.2006 à 15h47</p></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce facilisis eros. Mauris rhoncus. Curabitur ipsum felis, fringilla sed, faucibus a, facilisis sed, dui. Praesent commodo ullamcorper est. Vestibulum leo. Cras venenatis, tortor et cursus elementum, orci mauris porta lorem, sed ornare lectus lorem ac nisl. Sed rutrum nisl sed lorem. Vivamus porttitor accumsan sapien. Suspendisse blandit ipsum at sapien. Vestibulum eu nulla. Nullam sit amet tortor. Suspendisse volutpat felis sit amet erat.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sit amet eros non velit ornare laoreet. Sed at lorem consectetuer augue rutrum semper. Nulla eleifend risus at tellus. Nullam sed purus. Suspendisse neque nulla, convallis ut, sagittis in, porta nec, pede. Donec a nisl. Donec elit metus, cursus et, hendrerit eu, posuere in, elit. Mauris tortor. Cras cursus, eros quis consectetuer condimentum, dolor enim ornare ipsum, eget iaculis risus sem vel tellus. Fusce felis. Nullam justo dolor, viverra et, vehicula sit amet, vestibulum eleifend, ipsum.
</p>
</div>
<div class="contenu_news">
<div class="titre_news"><h2>Ouverture du site</h2></div>
<div class="date_news"><p>Pard, le 31.01.2006 à 15h47</p></div>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce facilisis eros. Mauris rhoncus. Curabitur ipsum felis, fringilla sed, faucibus a, facilisis sed, dui. Praesent commodo ullamcorper est. Vestibulum leo. Cras venenatis, tortor et cursus elementum, orci mauris porta lorem, sed ornare lectus lorem ac nisl. Sed rutrum nisl sed lorem. Vivamus porttitor accumsan sapien. Suspendisse blandit ipsum at sapien. Vestibulum eu nulla. Nullam sit amet tortor. Suspendisse volutpat felis sit amet erat.<br />
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut sit amet eros non velit ornare laoreet. Sed at lorem consectetuer augue rutrum semper. Nulla eleifend risus at tellus. Nullam sed purus. Suspendisse neque nulla, convallis ut, sagittis in, porta nec, pede. Donec a nisl. Donec elit metus, cursus et, hendrerit eu, posuere in, elit. Mauris tortor. Cras cursus, eros quis consectetuer condimentum, dolor enim ornare ipsum, eget iaculis risus sem vel tellus. Fusce felis. Nullam justo dolor, viverra et, vehicula sit amet, vestibulum eleifend, ipsum.
</p>
</div>
bonjour, pour le xhtml1.1, si tu ne te sert pas de xml, ou autre langage de ce type, repasse en xhtml1.0 strict, pas besoin de recoder ta page , mais elle sera vraiment valide ... ce probleme de choix entre 1.1 et 1.0 a ete maintes fois expliqué sur le web , pour en savoir plus, aide toi de google par exemple.
Il faut savoir que des que tu donne une hauteur a un element , sa hauteur reste fixe, sauf dans IE !
et si tu met ensemble dans le css min-height:100px; et height:100px; . le min-height(ou max-height) ne sert a rien ! .
pour info, une façon de faire une hauteur minimale parmis d'autres( perso je prefere les commentaires conditionnels):
html,body {
min-height:1500px; height:auto!important;/* pour ne pas bloquer la hauteur a 100% de la fenetre */ height:1500px;/* Ie ne comprend pas min-height mais gere height de cette façon ! */ }
bonjour,
excuse moi,
entre les 2 lignes min-height et height, tu as aussi height:auto!important; , cette ligne indique 2 choses:
height:auto; d'abord, qui comme ça est la valeur par defaut de height et qui autorise l'element a s'aggrandir en hauteur.
puis le "hack" ou "contournement" !important, qui indique au navigateur d'ignorer toute nouvelle valeur rencontré pour height.,
Exepté IE qui ne comprend pas ça et qui va lire height:1500px; , du coup IE et les autres savent que la hauteur minimale ou de base pour cette elemnt est 1500px.
Oui, désormais je comprends mais je pense que mon code n'est pas très astucieux, lourd ... car ta méthode ne marche toujours pas ... pourtant ça devrait ...
bonjour,
si tu n'arrive pas a appliqué le min-height a #global, enleve dans le css son height:100%;
et dans dans ce div, ajoute en dernier une balise supplementaire comme un div auquel tu applique par le biais du css (et oui, encore !) un clear:both;
(html :
<divclass="etire"></div>
css
.etire {margin:0;clear:both;}
)
le clear both, est suffisant, mais tu peut "surcharger" le css pour en modifier l'aspect et tu peut "classiquement" t'en servir pour y placer un pied de page.
a plus
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui
fan de pluxml je suis cuisinier et codeur amateur. Des thèmes pour pluxml ? Oui