Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    29

    Problema di larghezza DIV

    Ciao a tutti,

    sto provando a convertire un sito da un layout basato su tabelle ad un layout basato sui div.

    Un caso di esempio semplice: con due colonne a sinistra e a destra e una tabella di dati in centro.

    codice:
    <div id="myleft" style="float:left; background-color:#FFAAAA; border:1px solid black;">
    	<div style="width:120px">
    		Testo a sinistra
    	</div>
    </div>
    
    <div id="myright" style="float:right; background-color:#AAAAFF; border:1px solid black;">
    	<div style="width:50px">
    		Testo a destra
    	</div>
    </div>
    
    <div id="mycontent" style="float:none;  background-color:#FFAAFF; border:1px solid black;">
    	<div>
    		<table style="background-color:#AAFFAA">
    		<tr>
    		<td>1.1</td>
    		<td>1.2</td>
    		</tr>
    		<tr>
    		<td>2.1</td>
    		<td>2.2</td>
    		</tr>
    		</table>
    	</div>
    </div>


    I width di 'myleft'/'myright' dovrebbero essere calcolati dal browser per contenere i sotto-div.

    Quello che non riesco a fare è dirgli che la tabella è larga tutta l'area di content;
    ogni prova che ho fatto, o va oltre il div 'myright', o va a capo sotto 'myleft'.

    Come si può fare?
    grazie mille in anticipo!

  2. #2
    con le dimensioni in % nn si riesce a fare??

  3. #3
    Utente di HTML.it
    Registrato dal
    Jul 2006
    Messaggi
    29
    Se impostassi il width di myleft & myright al 10% e alla tabella dò width=80% ok,
    ma la dimensione in larghezza dei div 'myleft' e 'myright' è variabile (in base ai div contenuti), per
    cui non so a priori la larghezza in percentuale della tabella, devo lasciargliera calcolare...

    Nel layout tabellare avevo semplicemente tre colonne, e quella centrale aveva width=100%, ma con i DIV non riesco ad ottenere lo stesso risultato..

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.