per spiegarmi meglio posto il codice, io vorrei che le pagine indicate nel menu devono aprirsi in content, come posso fare? ho provato con iframe, ma la finestra che mi apre all'interno è di dimensione fissa, invece io vorrei che avesse la larghezza del content, e la lunghezza della pagina in questione.
scusate la poca dimestichezza ma ho cominciato da pochissimo ad utilizzare il tutto. grazie per la gentilezza e grazix tutto il materiale che c'è su questo sito, senza il quale sarebbe stato molto molto pi+ù difficile!




codice html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>pagina di prova</title>
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
@import url("fatta_io_css.css");
a#viewcss{color: #00f;font-weight: bold}
</style>

</head>

<body>
<div id="container">

<div id="header"> <h1> dados881 </h1> </div>

<div id="menu">
<ul>
[*] telefonia
[*] sport
[*] forum
[*] download
[*] notizie
[*] manuali




















[/list]
</div>

<div id="content">

<h2>Layout a due colonne con float</h2>


Il layout a due colonne con i float presenta un indubbio vantaggio rispetto ad un layout a due colonne con
posizionamenti assoluti: non impone vincoli sulla lunghezza relativa delle colonne. D' altra parte obbliga, nella
maggiorparte dei casi, ad avere la navigazione prima dei contenuti, cosa che può avere influenze negative
su tematiche quali l' accessibilità e il posizionamento sui motori di ricerca.
Il layout a due colonne si compone di quattro sezioni fondamentali: header, navigazione, contenuti e footer.</p>


Il layout a due colonne con i float presenta un indubbio vantaggio rispetto ad un layout a due colonne con
posizionamenti assoluti: non impone vincoli sulla lunghezza relativa delle colonne. D' altra parte obbliga, nella
maggiorparte dei casi, ad avere la navigazione prima dei contenuti, cosa che può avere influenze negative
su tematiche quali l' accessibilità e il posizionamento sui motori di ricerca.
Il layout a due colonne si compone di quattro sezioni fondamentali: header, navigazione, contenuti e footer.</p>


Il layout a due colonne con i float presenta un indubbio vantaggio rispetto ad un layout a due colonne con
posizionamenti assoluti: non impone vincoli sulla lunghezza relativa delle colonne. D' altra parte obbliga, nella
maggiorparte dei casi, ad avere la navigazione prima dei contenuti, cosa che può avere influenze negative
su tematiche quali l' accessibilità e il posizionamento sui motori di ricerca.
Il layout a due colonne si compone di quattro sezioni fondamentali: header, navigazione, contenuti e footer.

visualizza il css di questo layout</p>
</div>

<div id="footer">2008 - Sito sviluppato e gestito da dados881</div>

</div>



</div>
</body>
</html>

codice css

html, body { margin: 0; padding: 0; heigth: 100%;}
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 76%; }
div#container { width: 760px; margin: 0 auto; text-align: left;
border-left: 2px solid #36c; border-right: 2px solid #36c; }

div#header { background-image:url(immagini/sfondo_sito.gif) }
h1, h2 { margin: 0; padding: 0; }
h1 { padding-left:0.5em; font: bold 2.3em/80px arial,serif }
h2 { color: #999; font-size: 1.5em }
div#footer a { background-image:url(immagini/sfondo_sito.gif); font-weight: bold; text-decoration: underline }

div#menu { background-image:url(immagini/sfondo_sito.gif); float: left; width: 13em }
div#content { background-image:url(immagini/sfondo_sito.gif); margin-left: 13em; padding: 1em; }
div#footer { clear:right; text-align:center; padding: 0.5em;
background-image:url(immagini/sfondo_sito.gif); color: #000 }

div#menu ul { margin: 1em 0 1em 1em; padding: 0; list-style-type: none; }
div#menu li { margin: 0; padding: 0 }
div#menu a { color:#369; font: normal bold 1.2em/1.6em arial,sans-serif; text-decoration: none }
div#menu a:hover { color: #033; text-decoration: underline }
div#menu a#activelink{color: #033;text-decoration: none}