[XHTML] Iframe dans FireFox

**virgul** · 18/12/2006, 12h17

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 :

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

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

ma Page XHTML:

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
<!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 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
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

**trotters213** · 19/12/2006, 08h31

C'est quoi ton problème ?

La disposition?
Essaie ceci :

Code :

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

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 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
#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 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
#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 CSS :

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

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).

**virgul** · 19/12/2006, 09h03

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

Il faut à la place de :

Code :

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

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

mettre :

Code :

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

<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...

**trotters213** · 19/12/2006, 09h35

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

**virgul** · 19/12/2006, 09h56

Au faite j'ai oublié

Merci pour la simplification du code CSS!

**roudoudouduo** · 20/12/2006, 16h04

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

Code html :

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

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.

**GregPeck** · 20/12/2006, 23h09

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

**virgul** · 21/12/2006, 08h07

GregPeck tu m'as:

[XHTML] Iframe dans FireFox

HTML

Discussions similaires

Partager

Partager