Textarea décalé selon Firefox ou IE

**avogadro** · 23/11/2006, 17h59

Bonjour,

je ne sais pas du tout pour quoi j'ai ce petit bug (cf image )

PS : le textarea est en rose
le div dans lequel celui ci est compris est jaune

firefox :

IE :

Ca doit etre quelque chose de con dans mon code :

CSS:

Code CSS :

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
25
26
27
28
29
30
31
32
33
34
35
36
37
div#map {	
	background-image:  url(./msn.jpg); 
    background-repeat: no-repeat;
    width: 831px;
    height: 637px;
    left:50%;
    margin-left: -415px;
    position: absolute;
 
}
 
div#chat {	
	background-color: #FFFFCC ;
    width: 615px;
    height: 292px;    
    margin-left: 32px;
    margin-top: 163px;    
 
}
 
div#leavemsg {	
	background-color: #FFFF44 ;
    width: 615px;
    height: 109px;    
    margin-left: 32px;
    margin-top: 16px;    
 
}
 
textarea { 
	height: 100% ;
	width: 100%; 
	font-family : arial, helvetica, sans-serif ; 
	background-color: #FAF0E6 ; 
	font-size: 12pt ; 
	border: 0;
}

HTML:

Code HTML :

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
 
<html>
<head>
<link rel="stylesheet" type="text/css" href="./template_css.css" media="all" />
</head>
<body>
<div id="map">
 
<div id="chat">
<textarea cols="66" name="msg_finished">chat</textarea> 
</div>
 
<div id="leavemsg">
<textarea name="test2">msg</textarea> 
</div>
 
</div>
</body>
</html>

Quelqu'un peut m'aider?

**Bisûnûrs** · 23/11/2006, 22h04

Rajoute ces deux déclarations à ton CSS :

Code CSS :

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

1
2
3
4
5
6
* html #leavemsg{
   display:inline;
}
* html #chat{
   display:inline;
}

**avogadro** · 23/11/2006, 22h38

curieux ^^ sous IE ca marche niquel mtn et sous FF sa donne ca :

peut etre qu'une detection du navigateur et un changement du css en conséquent s'impose?

**avogadro** · 23/11/2006, 23h19

ouais bon, j'ai fais autrement, avec la detection du navigateur, ca donne ca:

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
<SCRIPT LANGUAGE="JavaScript">
<!--
{
Nom_Browser = navigator.appName;
Version_Browser = navigator.appVersion;
if ( Nom_Browser == "Netscape" )
{
document.write("<link rel='stylesheet' media='all' type='text/css' href='./template_css_ff.css'>");
}
if ( Nom_Browser == "Microsoft Internet Explorer" )
{
document.write("<link rel='stylesheet' media='all' type='text/css' href='./template_css_ie.css'>");
}
}
// -->
</SCRIPT>

**Bisûnûrs** · 23/11/2006, 23h23

Normalement le code que je t'ai donné n'est pas interprété par Firefox, donc sur Firefox il n'aurait dû y avoir aucun changement.

Et comme je l'ai testé avant, je sais que ce code fonctionne.
L'as-tu bien recopié ?

Et si ta solution fonctionne et te satisfait, on peut considérer le problème comme résolu. ^^

Textarea décalé selon Firefox ou IE

CSS

Discussions similaires

Partager

Partager