Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Aug 2009
    Messaggi
    10

    dimensione di un'immagine in percentuale in una tabella

    salve gente, sono nuovo di qua ho una domanda: sto cercando di mettere a punto un layout, basato su tabella, con contenuto misto (testo e immagini), e una delle celle è occupata interamente da un'immagine.

    ho strutturato il CSS in modo che l'immagine prenda il 98% delle dimensioni della cella, così da tenere il layout fluido, ma mi sto imbattendo in qualche problema. sotto firefox, l'immagine viene ridimensionata correttamente, mentre sotto (quell'inutile ciofeca di) IE ogni impostazione viene ignorata, e l'immagine viene mostrata nella sua dimensione reale.

    il modo in cui sto cercando di impartirne la dimensione è impostando la larghezza della colonna in percentuale, il che nel mio caso è indispensabile: voglio che il sito sia visualizzabile correttamente dalla 640 in su, quindi immettere la dimensione dell'immagine in pixel non è una soluzione valida.

    come considerazione, aggiungerei che anche potendo convertire il layout da una tabella a una serie di div, non ho intenzione di farlo: devo poterlo riutilizzare senza troppi grattacapi, e con i div dovrei fare un mucchio di casino con i float per farlo funzionare nella maniera giusta. potrei al limite accettare di usare un div intorno all'immagine, se questo potesse tornare utile, ma ci ho già provato e non ho avuto molto successo.

    potete vedere il sito in costruzione seguendo questo link, mentre il codice associato è questo (scusate se è un po' un casino ). vi ringrazio in anticipo per la vostra risposta, spero di ricavare informazioni interessanti anche questa volta

  2. #2
    il problema stà in una caratteristica delle tabelle... che sono autoadattive dove non specificato

    la prima cosa ti direi di impostare il width a 100% sulla tabella... in modo da impostargli le dimensioni in base al div padre...
    aggiungerei anche un 50% 49% ai due td...

    se anche cosi non funziona...

  3. #3
    Utente di HTML.it
    Registrato dal
    Aug 2009
    Messaggi
    10
    grazie per la risposta veloce. a dire la verità, ho fatto caso a una cosa...
    non è che sotto IE il ridimensionamento non funzioni; funziona semplicemente in maniera sbagliata. infatti, se imposto una dimensione dell'immagine del 98% sotto firefox, questa prenderà come previsto le dimensioni del div, ma sotto IE la dimensione diventerà il 98% di quella ORIGINALE, quindi l'immagine sarà di dimensioni diverse e assolutamente non fluida O_o qualche idea su come costringerla a prendere le dimensioni della cella o del div?

  4. #4
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Le impostazioni delle dimensioni seguono criteri diversi in IE.
    Per la versione 7 e succ., mi risulta che basta l'uso della DTD XHTML 1.0 Strict.
    Invece per la 6 occorre usare degli hack da realizzare mediante JS (se fai una ricerca nel forum JS dovresti gia` trovare soluzioni pronte).
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  5. #5
    Utente di HTML.it
    Registrato dal
    Aug 2009
    Messaggi
    10
    ti ringrazio, molto gentile. il problema è che non conosco niente di JS, è difficile da implementare? esiste un'alternativa che faccia uso di hack da CSS? sappimi dire

  6. #6
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Originariamente inviato da Moguleo
    ti ringrazio, molto gentile. il problema è che non conosco niente di JS, è difficile da implementare? esiste un'alternativa che faccia uso di hack da CSS? sappimi dire
    Personalmente non lo ho mai cercato, per cui non ti so dire.
    Pero` di solito gli hack per IE sono molto ben testati, e semplici da implementare.
    Ci sono anche siti specializzati negli hack; alcuni sono citati nei "link utili", altri li trovi mediante ricerca in internet; e comunque con una ricerca nel forum JS (vedi il bottone "cerca" in alto nel forum) trovi probabilmente discussioni con il problema gia` discusso e risolto.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

  7. #7
    Utente di HTML.it
    Registrato dal
    Aug 2009
    Messaggi
    10
    okay, grazie molte! vedrò cosa posso fare, tanto comunque per il progetto basta che il sito sia compatibile con IE7 sarà comunque una cosa molto interessante da imparare. ne sono sicuro.

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.