Visualizzazione dei risultati da 1 a 5 su 5
  1. #1

    Layout con tabelle... vorrei evitarle... ma...

    Giorni fa ho postato un quesito su un mio problema di layout.
    L'ho risolto ricorrendo all'uso di una tabella.
    So che la cosa è deprecatissima dalla comunità di sviluppatori e html, ma dopo 4 giorni persi a leggere forum e articoli ovunque, e non aver trovato la soluzione adeguata ho dovuto arrendermi e usare le famigerate tabelle.

    Il problema è in sostanza il seguente:

    I div non si adattano in larghezza al contenuto, ma si estendono per tutta la larghezza del container che li contiene, a meno che non si dichiari esplicitamente una larghezza con l'attributo width.
    La tabella risolve in quanto la sua larghezza dipende dal contenuto.

    A me serve realizzare un div che non abbia larghezza fissata ma che mantenga la larghezza del contenuto.
    Ero riuscito a ottenere dei risultati assegnando al div la proprietà: "display: inline-block", ma sfortunatamente questa soluzione non è cross-browser e non funziona in explorer 7 ma solo in opera-firefox 3...

    Il quesito è: Esiste qualche escamotage per far si che un Div si adatti in larghezza a ciò che contiene?

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    puoi sempre usare display: table-cell per i browser che non supportano inline-block
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    puoi sempre usare display: table-cell per i browser che non supportano inline-block
    purtroppo i.E 7 non supporta nemmeno i vari display-table.

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    ma IE supporta inline-block, c'è un hack per farlo funzionare

    http://homepage.ntlworld.com/spartan...block_hack.htm
    http://foohack.com/2007/11/cross-bro...block-styling/

    basta spulciare un po' su google.
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    avevo cercato ma senza trovar nulla, grazie mille proverò questi hack.

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 © 2026 vBulletin Solutions, Inc. All rights reserved.