DIV scroll verticale

[Lord_M]

Vi presento un'altro problema.
Come si può vedere dall'immagine, io ho una pagina con due DIV, e voglio che entrambi non scorrano verticalmente (nemmeno se l'utente seleziona il testo contenuto). Per questo ho impostato le dimensioni l'uno a 17% l'altro a 83%. Se però inserisco una tabella (dove c'è scritto TITOLOTITOLO) per riempire tutto lo spazio (e do altezza 100%), il DIV sopra in questo caso si allunga e mi permette lo scorrimento... Qualcuno sa come risolvere il problema? Grazie e tutti... ciao!

[Lord_M]

In sostanza i due div mi permetterebbero di raggiungere sempre il 100% dell'area visibile e quindi rendere il tutto indipendente dal monitor, che è quello di cui ho bisogno. Ma o i div non funzionano come dovrebbero oppure la tebella, inserita per permettere l'adattamento a 100%, non funziona.

Indecifrabile HTML

[Petro_suse91]

così a occhio, senza vedere il codice, direi che il problema è la tabella
secondo me dovresti toglierla e operare sui css del div, con quelli puoi fare davvero tutto (senza bisogno di trucchetti come <table width=100%>)

Se poi posti il codice è anche meglio

[Lord_M]

Il probelma è questo div... non deve scrollare... e la tabella con scritto TitoloTitolo deve essere adattata (cioè allungata o reistretta a seconda della risoluzione del monitor!)
Grazie!


<div style="height:17%; height:auto; background-color:#ffffff;">
<table cellpadding="0" cellspacing="0" style="width:100%;">
<tr style="height:1px; background-color:#ffffff;">
<td colspan="3">
</tr>
<tr style="height:27px; background-color:#f1f1ee;">
<td colspan="3">Ciao ciao.
</tr>
<tr style="height:1px; background-color:#716f64">
<td colspan="3">
</tr>
</table>

<table cellpadding="0" cellspacing="0" style="width:100%; max-height:50%;">
<tr style="background-color:#b6b6b6;">
<td colspan="3" style="font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#ffffff;">TitoloTitolo&trade;
</tr>
</table>

<table cellpadding="0" cellspacing="0" style="width:100%;">
<tr style="height:22px;">
<td style="width:100px; background-color:#f1f1f1; color:#808080; font-weight:bold;"><center>Search</center></td>
<td style="width:150px;">
<table cellpadding="0" cellspacing="0" border="0" style="height:22px; width:100%;">
<tr>
<td style="height:20px; background-color:#b6b6b6;">
</tr>
<tr>
<td style="height:2px; background-color:#f1f1f1;">
</tr>
</table>
<td><iframe name="menu" src="menu.php" width="100%" height="22" frameborder="0" scrolling="no" marginheight="0" marginwidth="0">
Contenuto alternativo per i browser che non leggono gli iframe.
</iframe>
</tr>
</table>

<table cellpadding="0" cellspacing="0" style="width:100%;">
<tr style="height:22px;">
<td style="width:100px;">
<td style="width:150px;">
<td><iframe name="submenu" src="submenu.php" width="100%" height="22" frameborder="0" scrolling="no" marginheight="0" marginwidth="0">
Contenuto alternativo per i browser che non leggono gli iframe.
</iframe>
</tr>
</table>

</div>