Ciao a tutti sto facendo un sito dopo aver letto le guide su html /xhtml /css e
la guida sul layout ho deciso di adottare
un layout fisso a due colonne.
Per evitare di riscrivermi tutte le volte il codice del navigatore
ho messo dentro il div laterale un iframe verso la pagina navigatore cosi definito
--css--
div#navigation{float:right;width: 160px; height:100%; background-color:#14906C}
iframe{width: 160px; height:900px}
--html--
<div id="navigation">
<iframe frameborder="0" scrolling="no" src="./menu.html"></iframe>
</div>
Ha un comportamento strano con firefox con altri non ho ancora provato.
le casistiche che ho individuato sono
Se non specifico la width mi esce ampiamente dalla larghezza fissa del body attribuendo all'iframe una largezza insensata.
Se non specifico la la height o la metto a 100% mi assume un altezza arbitraria troncandomi piu della meta' del menu.
Se metto un altezza elevata nell'esempio riportato ho messo 900px per provare arriva oltre il fondo pagina come e' giusto che sia ma l'elemento footer rimane in fondo allo schermo senza
superarlo.
A questo punto le mie domande sono un sacco
1) il tag iframe e supportato e standard o ha problemi con alcuni browser ?
2) visto che le guide sono un po datate ora ci sono altri modi per reimpiegare il codice senza dover usare java script o un inclusione lato server ?
3) Se si quale se no ... ho sbagliato qualcosa o l'iframe si comporta in modo cosi strano
perche' lo sto usando in modo particolare ?
vi posto tutto il css cosi per sicurezza che si capisca tutto e' scopiazzato dalla guida
e' proprio il primo embrione'
Andrea
P.S.
Colgo l'occasione per ringraziare gli autori delle varie guide mi siete stati utilissimi.
------------mainstyle.css-------------------
html,body{margin: 0;padding:0;height:100%;}
body{font-family: arial,sans-serif;font-size: 76%;text-align: center}
div#container{position:relative; width: 760px; height: 100%;margin: 0 auto;
text-align: left; border-left: 2px solid #36c;border-right: 2px solid #36c}
body>div#container{height:auto;min-height:100%;background: url(./immagini/sfondolat02.jpg) repeat-y top right}
div#footer{position: absolute;bottom:0; width: 100%; padding: 0.5em 0;
background-color: #69c; color: #000;text-align:center;}
div#header{background-color:#36C;color: #ff0}
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{color: #fff;font-weight: bold;text-decoration: underline}
div#navigation{float:right;width: 160px; height:100%; background-color:#14906C}
div#content{margin-right: 160px;padding: 1em}
iframe{width: 160px; height:900px}
Rispondi quotando