L'overflow sous IE avec une largeur en %

**Cr@zyDeep** · 15/05/2006, 09h45

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 ?

**masu** · 15/05/2006, 10h50

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Cr@zyDeep** · 15/05/2006, 11h35

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