[CSS] Bug IE, redimensionnement d'une zone de saisie

**djflex68** · 01/09/2006, 13h57

Bonjour,

Quelqu'un sait-il pourquoi ce code HTML produit un bug innatendu sous IE 6(pas sous Firefox bien entendu, où là ça marche très bien) ?
Si vous regardez bien la zone va se rallonger dès que vous taper un caractère..

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<head>
<style>
  .encadre
{
   width:100%;
}
.zoneCommentaire
{
	margin-left: 2em; 
	margin-right: 2em; 
	margin-top: 0.8em; 
	margin-bottom: 0.8em; 
}
</style>
</head>
<body>
<div class="encadre" style="MARGIN-TOP: 8px" runat="server">
<strong>Commentaires</strong>
<div class="zoneCommentaire">
<textarea rows="4" style="width:100%"></textarea>
</div>
</body>
</html>

Merci

**KiLVaiDeN** · 01/09/2006, 14h14

Salut,

A priori, en enlevant tes marges sur ta zonecommentaire, ça marche bien.

On dirait qu'il y a un problème sur l'unité "em".

Essaie avec px

A+

**djflex68** · 01/09/2006, 21h29

tu sais si j'avais le choix j'aurais déjà mis des px !

et d'ailleurs le fait de remplacer les em par des px ne change rien, j'ai plutôt l'impression que c'est le fait d'avoir une largeur en % associée à des marges qui provoque le bug ... mais là j'aurais besoin de l'avis d'un expert pour trouver la solution !

**KiLVaiDeN** · 01/09/2006, 22h01

En enlevant ton div "zonecommentaire" ça marche.

Je pense que sous IE6, les taille en % ont toujours été bugguées, je me rappelle avoir essayé des menus avec un pourcentage, puis en y incluant d'autres elements en pourcentage, et ça ne marchait jamais.

En gros il faudra que tu trouves une solution alternative de présentation..

A+

**djflex68** · 01/09/2006, 22h06

ben ça ça craint vraiment parce que là j'ai déjà une bonne partie du site qui est réalisé sur le même modèle...

**KiLVaiDeN** · 01/09/2006, 22h08

Ma solution en général a été de faire des sites avec une taille dynamique en largeur ( en incluant des zones "étirables" via des backgrounds ) mais pas en hauteur.

Ainsi, tu t'affranchies au maximum des tailles en %..

Si tu regardes bien, il est rare de voir des sites totalement dynamiques au niveau des dimensions en pourcentage; il faut faire avec, si tu veux être compatible IE...

Désolé de ne pas pouvoir t'aider plus que ça..

A+

**djflex68** · 02/09/2006, 00h04

disons que dans le cas présent c'était plus pour centrer le div contenant le textbox au milieu de son div parent (centrage par les marges latérales)

[CSS] Bug IE, redimensionnement d'une zone de saisie

Dimensionnement en CSS

Discussions similaires

Partager

Partager