Iframe et balise object

**roudoudouduo** · 18/06/2007, 16h00

Bonjour à tous,
j'ai un petit problème d'affichage. Je suis imposé dans mes developpements à afficher sur safari 1, IE6 et FF 2.0 un résultat identique. Autre contrainte je ne peux utiliser de doctype (avant que quelqu'un me le propose).

Ces assertions faites, voici mon problème :
je souhaite afficher une iframe avec un border tout autour (sauf le border-top). Pour IE et FF pas de problème mais ce n'est pas le cas du tout avec Safari. Pour le moment la seule solution que j'ai trouve est d'entourer l'iframe d'un div pour dessiner le cadre...

TestIframe.php

Code php :

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
 
<html>
<head>
<style>
.iframe { 
	font-family: Trebuchet MS, Verdana, Arial;
	font-size: 11px;
	border: solid 1px black;
	border-top: 0;
}
 
DIV.decorateur { 
	border: solid 1px black;
	border-top: 0;
	margin: 0;
	padding: 0;
}
</style>
</head>
<body>
<h1>Problème</h1>
<p>
	Le code suivant ne fonctionne pas sous mac : 
<?php print htmlentities('<iframe class="iframe" style="width: 500px; height: 80px;" frameborder="0" src="empty.html"></iframe>');?>
 
</p>
<p>
<iframe class="iframe" style="width: 500px; height: 80px;" frameborder="0" src="empty.html"></iframe>
</p>
<br>
<h3>Solution du DIV decorateur</h3>
<p>
	Cette solution consiste à entourer l'iframe d'un div qui
	a pour unique interet d'entourer l'iframe et de lui afficher un
	cadre. Ainsi l'iframe peut s'afficher correctement sous MAC. 
</p>
<div class="decorateur" style="width: 500px; height: 80px;">
<iframe style="width: 500px; height: 80px;" frameborder="0" src="empty.html"></iframe>
</div>
<br>
<h3>Solution de la balise object</h3>
<object class="iframe" type="text/html" data="empty.html" style="width: 500px; height: 80px;" boredr="0"></object>
</body>
</html>

empty.html

Code html :

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

1
2
3
4
5
6
7
8
 
<html>
<head>
</head>
<body>
<span>Contenu de l'iframe</span>
</body>
</html>

Merci d'avance pour ceux qui proposeront leurs solutions ne necessitant pas ce bricolage (quitte à utiliser une autre balise)

**trotters213** · 18/06/2007, 17h38

Essaie peut-être en ne définissant pas de frameborder dans testIframe.php et en déclarant les bordures dans empty.html plutôt.

PS : c'est déjà dur d'avoir un crossbrowsing parfait avec un doctype qui impose (plus ou moins) la mise en page à un navigateur alors sans ... j'espère que t'as foi en Dieu

**cedsun** · 19/06/2007, 00h49

Pas de chance pour toi, Safari 1 est le pire navigateur qui ait existé.

Cette version interprête mal les CSS surtout sur ce type d'élément HTML.

Utilise ta solution avec le div.

**roudoudouduo** · 19/06/2007, 09h04

PS : c'est déjà dur d'avoir un crossbrowsing parfait avec un doctype qui impose (plus ou moins) la mise en page à un navigateur alors sans ... j'espère que t'as foi en Dieu
Après avoir fait quelques tests avec et sans je corrigerais ta phrase c'est facile avec doctype et tres tres dur sans lol

Merci pour les réponses