|
|||||||
|
|
|
 |
|
|
Strumenti |
21-11-2008, 15:47
|
#1 |
|
Member
Iscritto dal: Jan 2008
Messaggi: 242
|
[HTML] Altezza automatica dei <div>
Ciao tutti! Stò facendo un sito web e stò cercando di riuscire a fare una cosa... Io ho due div di diverse dimensioni uno a sinistra (menu) e l'altro a destra (testo)... E' tutto perfetto, ma l'unica cosa che manca è che ad esempio quando il menu o il testo è più alto dell'altro, non sono della stessa altezza.. E' bruttino da vedere, quindi stò cercando di fare in modo che dia l'altezza automaticamente ad entrambi i div, così nel caso uno fosse più alto dell'altro, l'altro si allungherebbe in automatico avendo la stessa altezza dell'altro. Ho provato con height: auto; ma senza successo
 Come posso fare? 
|
|
|
|
21-11-2008, 21:24
|
#2 | |
|
Messaggi: n/a
|
Quote:
Quello che puoi fare però è "simulare" tale effetto, ad esempio crei un DIV contenitore che racchiude i due DIV e ad esso vi associ un'immagine di sfondo larga tanto quanto i due DIV e che si ripete in verticale. l'immagine avrà quindi ad esempio la parte sx di un colore (corrispondente esattamente alla larghezza del DIV di sx) e la parte dx di un altro colore (idem come per la sx). A questo punto quando uno qualsiasi dei due DIV allungherà verrà allungato ovviamente anche il DIV contenitore che, data l'immagine di sfondo, farà apparire sempre le due colonne della stessa altezza. Credimi è più difficile da spiegare che da fare. Ciao. |
|
|
|
|
22-11-2008, 18:26
|
#3 | |
|
Member
Iscritto dal: Jan 2008
Messaggi: 242
|
Quote:
__________________
Asus P8Z77-V Deluxe su CM Storm Stryker / Intel 3570K @4.2GHZ con Corsair H100 / 2x DDR3-1600 Corsair Vegenance @1600mhz CAS 9-9-9-24 / ATI Radeon 4870 @150mhz in idle, @800mhz ingame / Samsung 840 Basic 120gb + Seagate Barracuda 2TB 7200.14 64MB / Asus VW222S 1680x1050
Asus U36SD-RX002V |
|
|
|
|
|
23-11-2008, 09:22
|
#4 |
|
Member
Iscritto dal: Jan 2008
Città: roma
Messaggi: 296
|
nada e impossibile , anzi direi che se ho capito bene e semplicissimo , ti fai una funzione javascript che setta l'altezza del div piccolo con l'altezza del div grande , che la chiami al onload della pagina ( oppure con l'evento che massimizza il menu se e d albero ... o quando aggiungi testo ad un div ... vedi tu )
Codice:
<html>
<head>
<title>Untitled Document</title>
<style>
div {
border: 3px double blue;
width:100px;
}
div, input{
margin-left:30px;
}
</style>
<script>
function setHeight(){
var divA = document.getElementById('divA');
var divB = document.getElementById('divB');
var height = divA.offsetHeight;
divB.style.height = height+"px";
}
</script>
</head>
<body style="display:inline;">
<div id="divA">pippo <br/>lol </div><br />
<div id="divB">pluto</div><br />
<input type="button" value="lancia shuttle" onclick="setHeight();" />
</body>
</html>
|
|
|
|
|
23-11-2008, 12:17
|
#5 |
|
Messaggi: n/a
|
Sinceramente: aberrante.
Questa cosa di usare javascript ho proprio evitato di suggerirgliela perchè come soluzione è veramente brutta se uno non vuole creare codice spazzatura. |
|
|
|
23-11-2008, 12:42
|
#6 | ||
|
Member
Iscritto dal: Jan 2008
Città: roma
Messaggi: 296
|
Quote:
 Quote:
|
||
|
|
|
|
23-11-2008, 12:44
|
#7 |
|
Senior Member
Iscritto dal: Feb 2003
Città: Stockholm (SE)
Messaggi: 1343
|
come mandare l'accessibilità a donne allegre. e con lei ogni speranza di un rating decente con i motori di ricerca.
|
|
|
|
|
23-11-2008, 21:47
|
#8 |
|
Member
Iscritto dal: Jan 2008
Messaggi: 242
|
niente, ho provato il javascript ma non va...
@vladix: ti invio via messaggio privato col link del mio sito così vedi tu stesso il sito
__________________
Asus P8Z77-V Deluxe su CM Storm Stryker / Intel 3570K @4.2GHZ con Corsair H100 / 2x DDR3-1600 Corsair Vegenance @1600mhz CAS 9-9-9-24 / ATI Radeon 4870 @150mhz in idle, @800mhz ingame / Samsung 840 Basic 120gb + Seagate Barracuda 2TB 7200.14 64MB / Asus VW222S 1680x1050
Asus U36SD-RX002V |
|
|
|
|
|
| Strumenti | |
|
|
Tutti gli orari sono GMT +1. Ora sono le: 17:00.
