Newsgroup: it.comp.www.html
Titolo: iframe non si dimensiona adeguatamente

Salve.
Sto scrivendo una pagina HTML con questo CSS:
body{
	width: 90%;
	height: 90%;
}
#header{
	width: 90%;
	height: 10%;
	text-align: center;
	font-style: italic;
	border-bottom: thin solid;
}
#leftbar{
	float: left;
	width: 10%;
	height: auto;
}
#centerbar{
	float: left;
	width: 65%;
	height: 100%;
}
#rightbar{
	float: left;
	width: 10%;
}
#leftbar>h2{
	background: Aqua;
	width: 100%;
	height: auto;
	text-align: center;
}
#leftbar>ul{
	list-style: none;
	border: thin solid;
	margin: 0px;
	padding: 0px;
}
#leftbar>ul>li{
	border-bottom: thin solid;
}
#leftbar>ul>li>a{
	text-decoration: none;
}
#leftbar>ul>li>a:hover{
	background: Aqua;
	color: Red;
}
iframe{
	border: none;
	width: 100%;
	height: 100%;
}
Sia con il preview del programma(HTML-Kit, Gecko mode preview) sia con
FireFox 1.5.0.1 l'iframe non si allarga alla dimensione voluta.
Il codice HTML della pagina:
<?xml version="1.0" encoding="UTF-8"?>
<!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>
<title>Home page</title>
<link rel="stylesheet" type="text/css" href="araimondi.css" />
</head>
   <body>
     <div id="header">
      <h1> Andrea Raimondi's test website </h1>
     </div>
     <div id="leftbar">
       <h2> Menu</h2>
       <ul>
         <li> <a href="">Bio</a></li>
         <li> <a href="">Software</a></li>
         <li> <a href="">Downloads</a></li>
         <li> <a href="">Forums</a></li>
         <li> <a href="faq.html" target="targframe">F.A.Q.</a></li>
         <li> <a href="">Contacts</a></li>
       </ul>
     </div>
     <div id="centerbar">
       <iframe name="targframe" src="welcome.html">
         If you're seeing this message, it's likely you need a better
         browser.
       </iframe>
     </div>
   </body>
</html>
Welcome.html invece è questo:
<html xmlns="
http://www.w3.org/1999/xhtml
">
<head>
<title>Temporary title.</title>
</head>
<body>
   Welcome to my small site. As you can see, it's very simple and almost
   entirely static, so you won't find exciting things apart the forum,
   which however is a pre-cooked one.
   Using this site is very simple, just click on the left for the
   link you want. Most links will replace this text, except Software,
   which is due to have several inner links and having a separate page
   will help keeping better track of where you are at any moment.
   Feel free to browse the site, download the programs and send me
   feedback. <br/>
   <div style="border: thick solid;border-color:black;
               background: Red;color: white;text-align: center;">
     Please remember to LOOK AT THE F.A.Q. for general informations about
     this site and its roadmap.
   </div>
</body>
</html>
Quale può essere il problema?
Ah, prima che qualcuno venga a dirmelo: lo so che il CSS dei link non
funziona con IE(vengono visualizzati i pallini...) però al momento mi
interessa di più che funzioni l'iframe, poi se posso risolvere anche
l'altra questione meglio... ma non è indispensabile.
Saluti,
Andrea

height:100% non è supportato mi sembra.
devi dare una dimensione a pixel.
in ogni caso non puoi simularlo con i css e fare un include del testo?

 in ogni caso non puoi simularlo con i css e fare un include del testo?
No, perché quel testo è "temporaneo" e verrà cambiato.
Potrei differenziare l'include, ma sinceramente non mi va molto,
principalmente perché mi pare una soluzione "sporca"... inoltre se
domani volessi far generare quel testo dinamicamente, dovrei
cambiare l'implementazione, mentre così sono tranquillo
qualunque cosa ci vada dentro, che sia uno script oppure un
semplice file HTML.
Ciao,
Andrea