Salve Mich!
Ti ringrazio per la risposta
mi hai suggerito una scelta molto pulita... ma o non faceva proprio al caso mio o forse l'ho interpretata male io che sono un pò negato.
ad ogni modo ti allego il mio codice con quel che ero riuscito a fare l'altro giorno.
<!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>Documento senza titolo</title>
<style type="text/css">
<!--
body, div#coupon { overflow:hidden; !important }
html,body{ margin:0; padding: 0;height: 100% }
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
}
body>div#container{height: auto; min-height: 100%}
div#container {
width: 100%;
text-align: left;
background-color: #CCCCCC;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
height: 100%;
}
div#header {
background-color: #000099;
height: 5%;
}
div#palinsesto {
width: 55%;
background-color: #FFCC00;
height: 95%;
overflow: auto;
float:left;
margin: 0px;
}
div#coupon {
width: 35%;
text-align: left;
background-color: #009933;
height: 95%;
float:right;
overflow: hidden;
margin: 0px;
}
div#coupon>div#eventi { min-height: 90%;}
div#codici {
background-color: #FF6600;
margin: 0px;
height: 5%;
}
div#eventi {
background-color: #99FF99;
overflow: auto;
height: 90%;
margin: 0px;
}
div#importi {
background-color: #FF0000;
height: 5%;
margin: 0px;
}
div#menu {
background-color: #00CC00;
float: left;
margin: 0px;
height: 100%;
width: 10%;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="header">Inserire qui il contenuto per id "header"</div>
<div id="menu">Inserire qui il contenuto per id "menu"</div>
<div id="coupon">
<div id="codici">Inserire qui il contenuto per id "codici"</div>
<div id="eventi">
Inserire qui il contenuto per id "eventi"</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</div>
<div id="importi">Inserire qui il contenuto per id "importi"</div>
</div>
<div id="palinsesto">
Inserire qui il contenuto per id "palinsesto"</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</div>
</div>
</body>
</html>
Adesso gli unici problemi da risolvere sono la compatibilità su Firefox e IE.
Ovvero... su internet explorer è tutto OK, su Firefox salta il box rosso e non si aprono le scrollbars.
Se commento/occulto il codice relativo al doctype ( che ho sempre odiato) ottengo su IE la visualizzazione corrente che ho su firefox e viceversa
c'è da impazzire
Tornando al cdice ed alla mia esigenza di simulare un frameset...
Ho diviso verticalmente il pezzo di destra in 3parti con percentuali fittizie la cui somma risultasse in fine 100%.
poi riempio i div Codici e importi con contenuto che forza le altezze ed ottengo l'altezza di eventi. ( spero)
non so se mi sono lasciato trasportare troppo da ragionamenti assurdi... ma un pò funziona.
Forse dovrei provare a risolvere le ultime cose con tutte quelle regole
\widht w\idht
ciao
Rispondi quotando