Dimension balise <object>

Version imprimable

Bonjour,

Ca fait pas longtemps que j'apprends le html et je ne comprends pas encore certaines choses.
Voici ma question.

J'utilise la dtd xtml 1.0 stric.
Dans ma page html j'utilise juste la balise <object> qui me permet d'incorporer une autre page web dans mon site.

J'ai dimensionné la taille dans un fichier css avec width et height.

Sous google chrome cela fonctionne bien mais quand je teste sous firefox la hauteur de la balise pose probleme. Firefox n'affiche pas la bonne taille.

Voici la page xhtml
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <!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" > <head> <title>Mon site</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" media="screen" type="text/css" title="DesignPage3" href="designPageHtml.css" /> </head> <body>  <object id="webpage" data="http://fr.wikipedia.org/wiki/Hypertext_Markup_Language" type="text/html"> impossible to display the web page ! </object> </body> </html>
voici le css
Code:

1 2 3 4 5 6 7 #webpage { width: 80%; height:70%; border: 2px solid black; }
Merci d'avance!!

Essai directement de mettre les balises dans la balise object sans passer par le style css :
Code:

1 2 3 <object id="webpage" data="http://fr.wikipedia.org/wiki/Hypertext_Markup_Language" type="text/html" width="x px" height="x px"> impossible to display the web page ! </object>

24/03/2011, 14h34
fleto

J'ai essayé de faire comme vous avez dit mais cela ne fonctionne pas.
En revanche j'ai essayé de mettre des px au lieu des %. Et ca change bien ma taille. Mais dans mon cas je voudrais que mon design soit extensible.
24/03/2011, 15h04
thelvin

Si tu mets height: 70% sur #webpage, ça veut dire 70% de la hauteur occupée par le qui le contient.

Si par hasard la hauteur de n'est spécifiée nulle part, ça veut dire que le pourcentage est ignoré et que la hauteur redevient automatique.
Apparemment le traitement automatique de Chrome s'approche de ce que tu voulais. C'est sans doute un hasard.

Ce que tu veux, c'est un truc genre body => 100%, p => 70%, object => 100%.
24/03/2011, 22h02
fleto
Merci pour cet éclaircissement.
J'ai essayé ce que tu m'as conseillé mais cela ne fonctionne pas plus.
Sous Google chrome cela marche toujours, mais sur firefox la hauteur ne s'affiche pas correctement.

Les changements du code:
J'ai défini un id dans la balise p (pObject)

fichier CSS
Code:

1 2 3 4 5 6 7 8 9 10 11 12 #pObject { width: 80%; height:70%; } #webpage { width: 100%; height:100%; border: 2px solid black; }
25/03/2011, 13h54
thelvin

Tiens, après test, il semble en effet que Firefox soit un peu intransigeant sur la question "80% de quoi ?"

Il faut indiquer height: 100% sur tous les blocks parents de .
Autrement dit, sur <body> et <html> aussi. (Honnêtement, pour <html>, ça me paraît pas la meilleure interprétation des recommandations CSS. Mais bon.)
25/03/2011, 20h23
fleto

Ca marche!!:mrgreen:
Merci pour explication. Un peu bizarre tout de même de faire ca.