[XHTML] Iframe dans FireFox

Version imprimable

Bonjour,

Y a un truc qui doit m'échapper dans la construction de mes Iframe car dans IE j'arrive a ce que je veux mais pas dans FF.

mon but:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
----------------------
|     --------------  |
|    |       1     |  |
|    |-------------|  |
|    |     |       |  |
|    |   2 |    3  |  |
|    |     |       |  |
|    |-------------|  |
|    |       4     |  |
|    |-------------|  |
|                     |
|---------------------|

ma Page XHTML:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
	Landesverwaltung Liechtenstein - Firmenindex - GBOERA
</title>
<link href="../StyleSheet.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
</head>
<!--iframe src="Kopf.htm" style="top:200px;left:200px"></iframe-->
<body>
<div id="seite4">
<iframe width="996px" height="151px" src="Kopf.htm" scrolling="no" frameborder="0" marginheight="0" marginwidth="0" name="kopf"/>
<iframe height="650px" width="270px" src="Suchformular.htm"  frameborder="0" name="main"/>
<iframe height="650px" width="720px" src="Help1.htm" frameborder="0" name="result"/>
<iframe height="20px" width="100%" src="fusszeile.htm" frameborder="0" scrolling="no"/>
</div>
</body>
</html>

Biensur y a une CSS mais c'est pour que le résultat soit centré:

Code:

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
body
{
  background-color: #3C7BB6;
  margin:0;
  padding:0;
  height:100%;
}
#seite
{
  position:absolute;
  background-color:#FFFFFF;
  top:0px;
  width:700px;
  left:1%;
  margin:7px;
  margin-left:10px;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:1px;
  border-right-width:1px;
  border-right-color:#000000;
  border-right-style:solid;
}

Pouvez-vous m'aider?

Merci d'avance

++

Thierry

:salut:
C'est quoi ton problème ? :D
La disposition?
Essaie ceci :

Code:

1
2
3
4
<iframe frameborder="0" src="Kopf.htm" id="kopf"/>
<iframe frameborder="0" src="Suchformular.htm" id="main"/>
<iframe frameborder="0" src="Help1.htm" id="result"/>
<iframe frameborder="0" src="fusszeile.htm" id="footer"/>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
#kopf {
height:151px; 
width:996px;
overflow:hidden;
margin:0;
}
 
#main {
height:650px; 
width:270px; 
float:left;
}
 
#result {
height:650px; 
width:720px; 
float:left;
}
 
#footer {
height:20px; 
width:100%;
overflow:hidden;
}

PS :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
#seite
{
  position:absolute;
  background-color:#FFFFFF;
  top:0px;
  width:700px;
  left:1%;
  margin:7px;
  margin-left:10px;
  border-top-color:#000000;
  border-top-style:solid;
  border-top-width:1px;
  border-bottom-color:#000000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-left-color:#000000;
  border-left-style:solid;
  border-left-width:1px;
  border-right-width:1px;
  border-right-color:#000000;
  border-right-style:solid;
}

c'est équivalent à

Code:

1
2
3
4
5
6
7
8
9
10
#seite
{
  position:absolute;
  background-color:#fff;
  top:0px;
  width:700px;
  left:1%;
  margin:7px 7px 7px 10px;
  border:#000 1px solid;
}

Au passage, il risque d'y avoir un problème car le conteneur est plus petit que le contenu (700px contre 996px).

19/12/2006, 09h03
virgul

En faite j'ai trouvé 2 minute avant que tu me répondes.

Il faut à la place de :

Code:

<iframe height="20px" width="100%" src="fusszeile.htm" frameborder="0" scrolling="no"/>

mettre :

Code:

<iframe height="20px" width="100%" src="fusszeile.htm" frameborder="0" scrolling="no"></iframe>

et ca marche!!!!

La différence aucune (en tout cas pas au niveau du langage XML)... alors à tous les petit malins qui disent que Firefox c'est mieux ca supporte mieux xml et que patati et patata... ben moi je leur prouve que une fois de plus il ont tort!

N'y voyez pas un message d'un pro-IE juste de quelqu'un qui trouve que IE (le 7 en tout cas) n'ai pas si mal...
19/12/2006, 09h35
trotters213

Citation:

Envoyé par virgul

N'y voyez pas un message d'un pro-IE juste de quelqu'un qui trouve que IE (le 7 en tout cas) n'ai pas si mal...

No comment ;)
19/12/2006, 09h56
virgul

Au faite j'ai oublié :oops:

Merci pour la simplification du code CSS!

Certe c'est pas du css à 100%, mais je pense qu'un truc comme ça :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<div id="tte_fram">
   <div>
      <iframe name="1"></iframe>
   </div>
   <div>
      <iframe name="2"></iframe>
      <iframe name="3"></iframe>
    </div>
    <div>
       <iframe name="4"></iframe>
    </div>
</div>

doit marcher et est relativement simple.

20/12/2006, 23h09
GregPeck

Citation:

La différence aucune (en tout cas pas au niveau du langage XML)... alors à tous les petit malins qui disent que Firefox c'est mieux ca supporte mieux xml et que patati et patata... ben moi je leur prouve que une fois de plus il ont tort!

N'y voyez pas un message d'un pro-IE juste de quelqu'un qui trouve que IE (le 7 en tout cas) n'ai pas si mal...

En effet, en XML pas de différence, mais ce n'est pas de l'XML mais du XHTML.
En XHTML les seules balises autofermantes acceptées sont celles qui sont déclarées comme EMPTY dans la DTD. La balise iframe n'en fait pas partie.

Tu peux voir dans ce un message un pro-Ffx, qui trouve une bonne excuse :mrgreen:
21/12/2006, 08h07
virgul

GregPeck tu m'as: :pan: