Bonjour !
Voilà, mon problème précédent semblait résolu... Hé bien non !
Mes recherches dans le fortum et la FAQ n'ont rien donné, je me permets donc de vous poser la question.
Voilà, il y a donc un conteneur de corps de page, positionné en absolu, avec une hauteur et une larguer fixe, en pour-centage. (div .corps_de_page).
Tout marche bien lorsque il n'y a que des paragraphes, titres, listes, petits tableaux... qui se suivent normalement dans le flux.
Pour une page plus complexe, j'ai du employer des flottants, comme conseillé par des membre de ce forum, flottants qui remplaçaient avantageusement un tableau au rendu anarchique sous IE
.
Seulement, le problème : lorsqu'il y a des flottants dans une partie de la page, tout va bien sous FF (comme d'hab
).
Mais, selon une capture d'écran que m'a faite un ami, la scollbar n'apparaît plus et le contenu déborde un peu sous le pied de page puis s'arrêtte, ques des trucs bizarres
. (la capture est jointe)
Voici le code du conteneur du corps de page.
les propriétés css concernées sont ici :
Pour les sources complètes, voir la page ici : http://fockniouzes.free.fr/index.php?p=fiche_artist&id=1
et la css ici : http://fockniouzes.free.fr/styles/main.css
Voilà voilà, j'espère que vous pourrez me filer un coup de main.
Je vous remercie d'avance
Modifié par FlyingPenguin (23 Jun 2005 - 11:08)
Voilà, mon problème précédent semblait résolu... Hé bien non !
Mes recherches dans le fortum et la FAQ n'ont rien donné, je me permets donc de vous poser la question.
Voilà, il y a donc un conteneur de corps de page, positionné en absolu, avec une hauteur et une larguer fixe, en pour-centage. (div .corps_de_page).
Tout marche bien lorsque il n'y a que des paragraphes, titres, listes, petits tableaux... qui se suivent normalement dans le flux.
Pour une page plus complexe, j'ai du employer des flottants, comme conseillé par des membre de ce forum, flottants qui remplaçaient avantageusement un tableau au rendu anarchique sous IE
.Seulement, le problème : lorsqu'il y a des flottants dans une partie de la page, tout va bien sous FF (comme d'hab
). Mais, selon une capture d'écran que m'a faite un ami, la scollbar n'apparaît plus et le contenu déborde un peu sous le pied de page puis s'arrêtte, ques des trucs bizarres
. (la capture est jointe) Voici le code du conteneur du corps de page.
<div class="corps_de_page">
<h2>Godon</h2>
<div class="imageartist">
<img src="http://fockniouzes.free.fr/images/artistes/godon.jpg" alt="image du groupeGodon" />
</div>
<div class="conteneur2cols">
<div class="coloneid">
<ul class="listeid">
<li><strong>Diffusé sur FockNiouzes : </strong>oui</li>
<li><strong>Genre musical : </strong>post-fusion brutal</li>
<li><strong>Licence : </strong>Creative Commons</li>
<li><strong><a href="http://godon.org">Site officiel</a></strong></li>
</ul>
</div>
<div class="coloneid">
<h3>Composition du groupe</h3>
<dl class="liste_membres">
<dt>M. Godon</dt>
<dd>Joueur de musique</dd>
</dl>
</div>
</div>
<h3> Description du groupe</h3>
<p>Godon est un groupe de rock français,
leader de la musique libre et des licences
creative commons.</p>
</div>les propriétés css concernées sont ici :
.corps_de_page {
margin-right: 0%;
position: absolute;
height: 77%;
top: 12%;
right: 5%;
left: 17%;
bottom: 10%;
overflow: auto;
}
.listeid {
list-style-type: none;
font-size: 1.2em;
width: 100%;
}
.listeid strong {
color: red;
}
.liste_membres {
width: 100%;
padding-top: 8%;
}
.coloneid {
float: left;
width: 45%;
margin: 2%;
}
.conteneur2cols {
float: left;
clear: both;
width: 100%;
}
.coloneid h3 {
margin-left: 4%;
margin-bottom: 0;
position: relative;
top: 30px;
background-color: #4D90CA;
padding-left: 0;
width: 63%;
text-align: center;
margin: auto;
white-space: nowrap;
}
Pour les sources complètes, voir la page ici : http://fockniouzes.free.fr/index.php?p=fiche_artist&id=1
et la css ici : http://fockniouzes.free.fr/styles/main.css
Voilà voilà, j'espère que vous pourrez me filer un coup de main.
Je vous remercie d'avance
Modifié par FlyingPenguin (23 Jun 2005 - 11:08)
.