28173 sujets

CSS et mise en forme, CSS3

Bonjour bonjour, Smiley smile

Aujourd'hui il fait beau, il fait chaud, c'est bientôt l'été, la vie est belle et...
IE6 fait toujours des siennes Smiley bawling

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 Smiley biggol

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 Smiley murf
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...
ok Smiley confused
je ne dois pas avoir bien compris l'emploi de position: relative
il va falloir que je révise Smiley lol
En fait en enlevant cet attribut à la classe date ça fonctionne à merveille !