Bonjour à tous !
Tout d'abords désolée si la solution à mon problème a déjà été donnée mais je ne la trouve pas.
J'utilise la balise object pour simuler une iframe. Problème: sous IE il y a systématiquement une bordure autour que je ne souhaite pas. Je lis partout qu'il faut spécifier html{ border:none; } sur la page fille mais cela ne fonctionne tout simplement pas du tout. Plus fort encore, j'ai fait un test en appliquant une bordure sur la balise object dans la page mère et une sur la balise html de la page fille => la bordure indésirable s'affiche entre les deux !
Soit quelque chose m'échappe soit je ne peux rien y faire. En dessous un code simplifié de ce que je tente de faire.
Page mère
Page fille
CSS
Pitié aidez-moi ! Merci
Edit : des heures de recherche plus tard je n'ai toujours pas de solution et je crains sévèrement qu'il n'y en ait pas, je suis maintenant convaincue que cette pseudo bordure s'applique sur <object> de la page mère et non sur la page fille. A défaut d'une solution, si une bonne âme pouvait m'en donner la raison, ce serait bien aimable.
Modifié par keyraw (26 Aug 2010 - 17:42)
Tout d'abords désolée si la solution à mon problème a déjà été donnée mais je ne la trouve pas.
J'utilise la balise object pour simuler une iframe. Problème: sous IE il y a systématiquement une bordure autour que je ne souhaite pas. Je lis partout qu'il faut spécifier html{ border:none; } sur la page fille mais cela ne fonctionne tout simplement pas du tout. Plus fort encore, j'ai fait un test en appliquant une bordure sur la balise object dans la page mère et une sur la balise html de la page fille => la bordure indésirable s'affiche entre les deux !
Soit quelque chose m'échappe soit je ne peux rien y faire. En dessous un code simplifié de ce que je tente de faire.
Page mère
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<object data="test_iframe.html" type="text/html" width="200" height="200" border="0"></object>
</body>
</html>
Page fille
<!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">
<head>
<link rel="stylesheet" href="test.css" media="screen" />
</head>
<body>
sdfsdfsdfsfd
</body>
</html>
CSS
html,body{
margin: 0;
padding: 0;
border:0;
border:none;
outline:none;
}
Pitié aidez-moi ! Merci
Edit : des heures de recherche plus tard je n'ai toujours pas de solution et je crains sévèrement qu'il n'y en ait pas, je suis maintenant convaincue que cette pseudo bordure s'applique sur <object> de la page mère et non sur la page fille. A défaut d'une solution, si une bonne âme pouvait m'en donner la raison, ce serait bien aimable.
Modifié par keyraw (26 Aug 2010 - 17:42)