• Home
  • Forum
  • Fare Web
  • HTML e CSS

div automatico in una tabella td

  • Creatore Discussione Creatore Discussione Violetta De Amicis
  • Data di inizio Data di inizio 7 Set 2014

Violetta De Amicis

Nuovo Utente
24 Ago 2014
16
0
0
  • 7 Set 2014
  • #1
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: 7 Set 2014

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.606
54
48
TN
  • 8 Set 2014
  • #2
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
  • 9 Set 2014
  • #3
criric ha scritto:
Ciao, non ha senso mettere un div dentro una td.
spiega cosa dovrebbe contenere la td ( immagine, testo, sfondo .... )
Clicca per allargare...

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.606
54
48
TN
  • 9 Set 2014
  • #4
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.445
338
83
  • 9 Set 2014
  • #5
Violetta De Amicis ha scritto:
....
Codice:
height: auto;
ma ho visto che non è possible utilizzare l'attributo "auto" al CSS height se c'è una tabella.....
Ciao
Clicca per allargare...
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.606
54
48
TN
  • 9 Set 2014
  • #6
Auto si riferisce al contenuto non al contenitore, è l'impostazione di default della proprietà height
 

Violetta De Amicis

Nuovo Utente
24 Ago 2014
16
0
0
  • 10 Set 2014
  • #7
criric ha scritto:
Auto si riferisce al contenuto non al contenitore, è l'impostazione di default della proprietà height
Clicca per allargare...
Grazie criric,
infatti dentro una cella, l'attributo "height" non funziona, ma con l'attributo "100%" è perfetto.
Ciao
 
Devi accedere o registrarti per poter rispondere.

Discussioni simili

L
[Javascript] Come inserire codice dopo un div in automatico
  • Lenigmista
  • 27 Mar 2017
  • Javascript
Risposte
2
Visite
2K
Javascript 28 Mar 2017
Lenigmista
L
P
Distanziamento automatico div
  • pippo8888
  • 12 Ott 2013
  • HTML e CSS
Risposte
2
Visite
4K
HTML e CSS 21 Ott 2013
pippo8888
P
M
chiudere un div in automatico
  • Marco196943
  • 2 Gen 2013
  • Javascript
Risposte
7
Visite
3K
Javascript 2 Gen 2013
Marco196943
M
E
Creare un testo trasparente dietro un div
  • enzo_88
  • 13 Set 2023
  • HTML e CSS
Risposte
5
Visite
3K
HTML e CSS 17 Set 2023
WmbertSea
F
Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni?
  • fede12
  • 23 Nov 2022
  • Javascript
Risposte
0
Visite
788
Javascript 23 Nov 2022
fede12
F
M
Accordion menu e posizione div
  • miagy
  • 29 Ago 2022
  • HTML e CSS
Risposte
0
Visite
1K
HTML e CSS 29 Ago 2022
miagy
M
P
jquery refresh div non funziona
  • psicona
  • 6 Feb 2022
  • Javascript
Risposte
0
Visite
1K
Javascript 6 Feb 2022
psicona
P
P
refresh div + scrittura/lettura dal db
  • psicona
  • 29 Gen 2022
  • Javascript
Risposte
1
Visite
953
Javascript 30 Gen 2022
marino51
  • Bloccata
div centrato alla pagina posto sopra ai contenuti
  • napuleone
  • 8 Gen 2022
  • HTML e CSS
Risposte
1
Visite
2K
HTML e CSS 9 Gen 2022
Max 1
M
Unire 2 funzioni per l'invio di un form e con l'apertura di un div
  • maxnegri2036
  • 11 Dic 2021
  • Javascript
Risposte
0
Visite
2K
Javascript 11 Dic 2021
maxnegri2036
M
Nascondere div di default
  • Cosina
  • 9 Ago 2021
  • jQuery
Risposte
2
Visite
3K
jQuery 24 Ago 2021
Cosina
modificare il contenitore di un div
  • napuleone
  • 9 Gen 2021
  • Javascript
Risposte
2
Visite
2K
Javascript 9 Gen 2021
napuleone
  • Bloccata
modificare il contenitore di un div
  • napuleone
  • 9 Gen 2021
  • Javascript
Risposte
1
Visite
1K
Javascript 9 Gen 2021
Max 1
A
inserire variabile php colore in div html
  • AndreaCerre
  • 26 Nov 2020
  • PHP
Risposte
2
Visite
2K
PHP 26 Nov 2020
AndreaCerre
A
J
Far comparire e scomparire un div con un select
  • Jacob88
  • 23 Mag 2020
  • Javascript
Risposte
1
Visite
3K
Javascript 23 Mag 2020
Max 1
T
Far sparire dalla pagina div che saranno inseriti successivamente
  • the_indios
  • 20 Mar 2020
  • jQuery
Risposte
0
Visite
3K
jQuery 20 Mar 2020
the_indios
T
E
Div che scompare con scroll jquery
  • enzo7903
  • 27 Feb 2020
  • Javascript
Risposte
0
Visite
1K
Javascript 27 Feb 2020
enzo7903
E
G
Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna
  • g3direct
  • 16 Dic 2019
  • HTML e CSS
Risposte
5
Visite
3K
HTML e CSS 17 Dic 2019
Max 1
Creazione di un div con php o js
  • Stefano Migotto
  • 21 Nov 2019
  • PHP
Risposte
9
Visite
3K
PHP 22 Nov 2019
Tommy03
Bootstrap alert: usare lo stesso div per due messaggi consecutivi
  • felino
  • 1 Ago 2019
  • jQuery
Risposte
1
Visite
2K
jQuery 23 Ott 2019
MarcoGrazia
Condividi:
Facebook X (Twitter) LinkedIn WhatsApp e-mail Condividi Link
  • Home
  • Forum
  • Fare Web
  • HTML e CSS
  • Italiano
  • Termini e condizioni d'uso del sito
  • Policy Privacy
  • Aiuto
  • Home
Community platform by XenForo® © 2010-2024 XenForo Ltd. | Traduzione a cura di XenForo Italia
Menu
Accedi

Registrati

  • Home
  • Forum
    • Nuovi Messaggi
    • Cerca...
  • Novità
    • Featured content
    • Nuovi Messaggi
    • Ultime Attività
X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?

X

Privacy & Transparency

We use cookies and similar technologies for the following purposes:

  • Personalized ads and content
  • Content measurement and audience insights

Do you accept cookies and these technologies?