Bonjour bonjour,
Aujourd'hui il fait beau, il fait chaud, c'est bientôt l'été, la vie est belle et...
IE6 fait toujours des siennes
J'ai un soucis de reflow (je crois que c'est comme ça qu'on dit) sur un thème dotclear2 que je transforme.
Donc j'ai une boite centrée main avec comme propriété overflow:auto qui contient une liste d'articles. Chaque article est constituée d'une boîte post qui contient le titre (lien vers les commentaires) puis une boîte date en float et ensuite le contenu de l'article.
Sous ff et ie7 pas de problème ça marche nickel.
Mais sous ie6, j'ai la date du dernier article visible qui apparait en dehors de ma boite main. Lorsque je scroll le main pour voir les autres articles, les dates ne suivent pas. Elles ne se redessinent correctement que si je passe la souris sur le lien. En fait on dirait que l'attribut relative au sein de la boite post entrainée par le scroll n'est pas pris en compte
Bon voici la partie du code css :
et la construction de la date dans le code html :
bon je continue les tests, mais là j'y vais à tatons, et le haslayout bug de ie j'ai du mal à tout comprendre
si quelqu'un a déjà rencontré ce problème ou a une piste... Parce que là j'y est passé plusieurs heures à essayer différents attributs, à re-vérifier les balises...
Aujourd'hui il fait beau, il fait chaud, c'est bientôt l'été, la vie est belle et...
IE6 fait toujours des siennes
J'ai un soucis de reflow (je crois que c'est comme ça qu'on dit) sur un thème dotclear2 que je transforme.
Donc j'ai une boite centrée main avec comme propriété overflow:auto qui contient une liste d'articles. Chaque article est constituée d'une boîte post qui contient le titre (lien vers les commentaires) puis une boîte date en float et ensuite le contenu de l'article.
Sous ff et ie7 pas de problème ça marche nickel.
Mais sous ie6, j'ai la date du dernier article visible qui apparait en dehors de ma boite main. Lorsque je scroll le main pour voir les autres articles, les dates ne suivent pas. Elles ne se redessinent correctement que si je passe la souris sur le lien. En fait on dirait que l'attribut relative au sein de la boite post entrainée par le scroll n'est pas pris en compte
Bon voici la partie du code css :
#main {
width:700px;
height: 594px;
overflow: auto;
background: transparent;
border: 0;
}
.post {
padding: 0;
margin: 0px;
font-size: 1em;
}
.date {
position:relative;
float:right;
line-height:2.3em;
margin:1.5em 0 5px 15px;
padding-bottom:10px;
font-size:.8em;
text-align:center;
right:0;
}
.date_day {
display:block;
font-size:3em;
}
.date_month {
display:block;
font-size:3em;
text-align:right;
font-weight:bold;
}
.date_year {
display:block;
font-size:2em;
line-height:.9em;
}
et la construction de la date dans le code html :
<small class="date">
<span class="date_day">{{tpl:EntryDate format="%e"}}</span>
<span class="date_month">{{tpl:EntryDate format="%B"}}</span>
<span class="date_year">{{tpl:EntryDate format="%Y"}}</span>
</small>
bon je continue les tests, mais là j'y vais à tatons, et le haslayout bug de ie j'ai du mal à tout comprendre
si quelqu'un a déjà rencontré ce problème ou a une piste... Parce que là j'y est passé plusieurs heures à essayer différents attributs, à re-vérifier les balises...