L'overflow sous IE avec une largeur en %

Version imprimable

15/05/2006, 09h45
Cr@zyDeep

L'overflow sous IE avec une largeur en %

Bonjour,

Je voudrais faire un agenda et j'ai un petit soucis avec l'overflow sous IE.
Un petit exemple vos mieux qu'un long discourt.

<html>
<head>
<style>
div{
margin:1px;
overflow:hidden;
background-color:red;
}
</style>
</head>
<body><table border="1" width="100%">
<tr> <td><div>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestpfff</div></td> <td><div>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestpfff</div></td>
<td><div>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestpfff</div></td>
</tr>
</table>
</body>
</html>

Sous firefox on peut redimentionner la page et le tableau s'y adapte, par contre sous IE l'overflow ne fonctionne pas.

Je sais que sous IE celà fonctionne si on défini la largeur des divs en pixel, mais justement j'aimerais utiliser les % pour que la page s'adapte automatique en cas de redimentionnement.

Quelqu'un aurait il une solution ?

c'est rarement bon de melanger des table et du css pour disposer ses element dans la page.

enleve le tableau et rajoute une taille en % a tes div et un float left.
Code:

1 2 3 4 5 6 7 div { margin: 1px; overflow: hidden; background-color: red; float: left; width: 33%; }
Code:

1 2 3 4 <div>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestpfff</div> <div>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestpfff</div> <div>testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttestpfff</div>

15/05/2006, 11h35
Cr@zyDeep

Oui j'avais utilisé cette technique au dépard, mais dans ce cas firefox et IE me mettent des retours à la ligne quand on réduit la taille de la fenêtre et pas moyen de l'empecher.

Aurais tu une parade pour eviter ces retours à la ligne dans ce cas ?

Merci
15/05/2006, 14h39
masu
le probleme est que quand la fenetre devient trop petite ca passe a la ligne.
J'ai une solution sous ff mais pas pour IE
Code:

1 2 3 body { min-width: 600px; }
15/05/2006, 14h48
bavibavi

et en rajoutant un div englobant ?
1er div : 33% largeur
2eme div (sousdiv) : 100% largeur avec overflow ?