positionnement différent sur firefox et explorer

**speedylol** · 16/11/2006, 16h14

bonjour sur firefox tout est bien à sa place. Avec explorer tous est en desous l'un de l'autre

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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
<style>
.image {
	position: absolute;
	width:320px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	height: 228px;
	left: 5px;
 
   }  
.texte {
	position: absolute;
	width:210px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	height: 228px;
	left: 335px;
   }   
 .texte1 {
	position: absolute;
	width:530px;
	overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
	height: 120px;
	left: 5px;
	top: 243px;
   }  
</style>
</head>
<body>
 
<div class="image" />
 
image 
 
</div>
 
<div class="texte" />
texte 
</div>
 
<div class="texte1" />
texte un
</div>
 
</body>
</html>

**Bisûnûrs** · 16/11/2006, 19h03

Aucun problème avec les deux navigateurs pour ma part.

Je me demande même comment ils peuvent être les uns en-dessous des autres sur IE vu que tu as tout en position:absolute ...

**trotters213** · 17/11/2006, 08h40

en effet moi non plus je ne vois aucune différence

**speedylol** · 17/11/2006, 14h02

Oui sans le design du site qui est en css aussi cela pourrai avoir une influence sur la feuille de style que je vous et joint???

**speedylol** · 17/11/2006, 16h52

Bonjour, voici le code du design de tout le site cela porterait il sur la feuille de style ici dessus.MERCI

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>L'atlantide</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<style type="text/css">
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
}
#conteneur {
position: relative;
width: 700px;
}
#header {
    position: absolute;
        width: 700px;
        height: 130px;
    background-image:url(header1.GIF);
        top: 0px;
        left: 280px;
}
#centre {
position: absolute;
background-image:url(sirene2.GIF);
background-attachment:fixed;
overflow: auto;
width: 550px;
height:400px;
top:130px;
left: 430px;
}
#gauche {
        position: absolute;
        width: 150px;
        height: 400px;
        background-image:url(mer.gif);
        top: 130px;
        left: 280px;
}
#pied {
        position: absolute;
        height: 30px;
        width: 700px;
        background-image:url(merbas.gif);
        top: 530px;
        left: 280px;
}
</style>
<script>
var isNS = (navigator.appName == "Netscape") ? 1 : 0;
var EnableRightClick = 0;
if(isNS) document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler()
{ if(EnableRightClick==1)
{ return true; }
else {return false; }}
function mousehandler(e)
{ if(EnableRightClick==1){ return true; }
var myevent = (isNS) ? e : event;
var eventbutton = (isNS) ? myevent.which : myevent.button;
if((eventbutton==2)||(eventbutton==3)) return false;}
function keyhandler(e) { var myevent = (isNS) ? e : window.event;
if (myevent.keyCode==96) EnableRightClick = 1;
return;}document.oncontextmenu = mischandler;
document.onkeypress = keyhandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;
</script>
</head>
<body onLoad="ShowPage(1)" oncontextmenu="return false">
<br />
 
<div id="conteneur"> 
  <div id="header"> 
    <?php require'banniere.php'; ?>
  </div>
  <div id="gauche" align="center"> 
 
  </div>
  <div id="centre"> </div>
  <div id="pied">pied de page</div>
</div>
 
</body>
</html>

**Bisûnûrs** · 17/11/2006, 17h05

Pas de problème non plus avec ce code sur les deux navigateurs.

positionnement différent sur firefox et explorer

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager