div automatico in una tabella td

Violetta De Amicis

Nuovo Utente
24 Ago 2014
16
0
0
Ciao a tutti.
Ho necessità di creare un div che si adatta perfettamente all'interno di una cella td di una tabella.
La larghezza deve essere comunque fissa (ad esempio,
Codice:
width: 300px
ma l'altezza deve essere la stessa della cella td.
Sulle diverse pagine del mio sito, le altezze delle tabelle non sono uguali, ma variano da pagina a pagina.
Insomma, su un pagina potrei avere una tabella alta 800px mentre su un'altra pagina la tabella potrebbe essere alta 1500px.

Dunque devo inserire un div tra
HTML:
<td>
e
HTML:
</td>
ed applicare un CSS in modo tale che quest'ultimo possa adattare l'altezza del div stesso a quello della cella.
Inizialmente pensavo di fare in questo modo:
Codice:
height: auto;
ma ho visto che non è possible utilizzare l'attributo "auto" al CSS height se c'è una tabella.
Qualcuno ha qualche idea su come adattare le dimensioni di un div automaticamente all'interno di un td ?

Grazie
Ciao
 
Ultima modifica:

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, non ha senso mettere un div dentro una td.
spiega cosa dovrebbe contenere la td ( immagine, testo, sfondo .... )
 

Violetta De Amicis

Nuovo Utente
24 Ago 2014
16
0
0
Ciao, non ha senso mettere un div dentro una td.
spiega cosa dovrebbe contenere la td ( immagine, testo, sfondo .... )

Si, certo, te lo spiego subito.
Ho bisogno di mettere dentro il div alcuni oggetti che si spostano (tipo floating),
ho già copiato ed adattato un bel codice per il floating ma il limite
è dato appunto dalla cella di una tabella.
Il div mi serve per far fluttuare questi oggetti entro i confini di una td,
ed è per questo motivo che deve avere la stessa altezza di una cella.
Da notare, a scanso di equivoci, che non creo la tabella per questo:
la tabella è già presente sul mio sito per altri scopi.
Ciao
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Non mi è ancora molto chiaro, ma puoi provare con heigth:100%;
 

Max 1

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
29 Feb 2012
4.449
338
83
....
Codice:
height: auto;
ma ho visto che non è possible utilizzare l'attributo "auto" al CSS height se c'è una tabella.....
Ciao
Premesso che anche io preferirei usare
Codice:
Height:100%;
ma non vedo perché non si possa usare AUTO è una regola di height!
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Auto si riferisce al contenuto non al contenitore, è l'impostazione di default della proprietà height
 
Discussioni simili
Autore Titolo Forum Risposte Data
L [Javascript] Come inserire codice dopo un div in automatico Javascript 2
P Distanziamento automatico div HTML e CSS 2
M chiudere un div in automatico Javascript 7
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1
L [Javascript]Scorrere div con frecce avanti-indietro Javascript 0
P [Javascript] Aprire Link in Div e pagina Dinamica Javascript 0
ANDREA20 [HTML] problema con i div HTML e CSS 10
Giacomo Boccherini [HTML] il div non si ottimizza HTML e CSS 1
Cosina [PHP] Scrivere dati in un div specifico PHP 3
R [PHP] [Javascript] Link a DIV id di un' altra pagina PHP 4
trattorino [Javascript] onclick su piu div insieme Javascript 1
trattorino ritornare al div precedente jQuery 2
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
V [Javascript] Visualizzare o nascondere div figlio Javascript 4
E [HTML] Allineare foto a un tag DIV verticalmente HTML e CSS 0
E [HTML] Allineamento immagine agli angoli inferiori di un div HTML e CSS 12
A JAVASCRIPT ELIMINAZIONE DIV DINAMICO SU SITO Offerte e Richieste di Lavoro e/o Collaborazione 3
Andrea_Ventura [HTML] Creare un DIV con slideshow HTML e CSS 5
M [HTML] Invertire DIV su dispositivi mobile HTML e CSS 2
A Javascript Nascondere Div con id numerico dinamico Javascript 18
I [HTML] Slideshow si sovrappone a <div> HTML e CSS 14
paloppa Div che appare appena due form sono compilati jQuery 16
S [javascript] visualizzare/nascondere div Javascript 3
S [HTML] Centrare verticalmente il testo in div HTML e CSS 2
G [HTML] Modificare ordine dei div in mobile responsive HTML e CSS 5
D [HTML] Frameset e Div HTML e CSS 8
G [HTML] Impostare dimensione immagini in un div HTML e CSS 2
L php - pulsante premuto che mostra #div PHP 3
S [HTML] Div visibile o nascosto al passaggio del mouse HTML e CSS 3
C [Javascript] Mostrare un div cliccando una checkbox Javascript 0
M Ottenere i valori di una proprietà su un array di oggetti (es. DIV) in JavaScript Javascript 7
C Nascondere un div al click di una casella Ajax 1
S [HTML] Distanza esatta tra due div HTML e CSS 7

Discussioni simili