Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it L'avatar di hcka
    Registrato dal
    Oct 2002
    Messaggi
    435

    [IE vs FF] gestion rowspan

    [PREMESSA: scusate se posto anche qui, ho già postato la stessa cosa nel forum XHTML e HTML senza ottenere risposta e mi è venuto il dubbio: "che sia il forum sbagliato?"]

    Ciao, inanzitutto mi scuso se esiste già una discussione con un tema simile ma non l'ho trovata.

    Il problema mi sembra stupido, ma mi ci scervello sopra da due giorni senza risultato (se non ricostruire il layout in altra maniera).

    Il mio problema qual'è?

    Ho un semplice codice:

    codice:
                  <tr>
                    <td id="td_greenline_small">
                    </td>
                    <td rowspan="5" id="td_spacer_side_main">
                    </td>
                    <td id="td_greenline_large">
                    </td>
                  </tr>
                  <tr>
                    <td id="td_side_image">
                      [img]media/home_side.gif[/img]
                    </td>
                    <td rowspan="3" id="td_content">
                    </td>
                  </tr>
                  <tr>
                    <td id="td_spacer_image_logo">
                    </td>
                  </tr>
                  <tr>
                    <td rowspan="2" id="td_side_logo">
                      [img]media/logo.gif[/img]
                    </td>
                  </tr>
                  <tr>
                    <td id="td_partners">
                      MG Consulting è stata scelta dai leader del settore finanziario
                      online per la qualità ed i risultati dei servizi:
    
                      [img]media/etrade.gif[/img]
                      [img]media/iwbank.gif[/img]
                      [img]media/wallstreet.gif[/img]
                    </td>
                  </tr>
    Sono le ultime 5 righe della tabella, così è come dovrebbe venire visualizzato, e come lo interpreta (giustamente) firefox:
    codice:
    -----------+------------+----------
      fondino  | spaziatore | fondino
    -----------+            +----------
     immagine1 |            |
    -----------+            +
    spaziatore |            | contenuti
    -----------+            +
               |            |
     immagine2 +            +----------
               |            |  testo
    -----------+------------+----------
    Così invece me lo interpreta internet explorer, ossia come se "contenuti" avesse rowspan=2 e sia "immagine2" che "testo" avessero lo stesso rowspan.
    codice:
    -----------+------------+----------
      fondino  | spaziatore | fondino
    -----------+            +----------
     immagine1 |            |
    -----------+            + contenuti
    spaziatore |            |
    -----------+            +----------
               |            |
     immagine2 +            +  testo
               |            |
    -----------+------------+----------
    Qualcuno sa come aiutarmi?

    Ringrazio anticipatamente.

    PS: naturalmente, per quanto riguarda l'immagine, nel sito finale non ci sarà lo sfondo verdone e i bordi delle celle rossi, era per rendere l'idea.

    PPS: IMMAGINE ALLEGATA

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Non riesco a vedere l'immagine. Potrebbe esere un errore nel path o nome del file.

    Comunque sembra proprio che stai usando una tabella per formattare, che e` intrinsecamente un grave errore semantico.

    E comunque da come il problema e` presentato (e con quel codice HTML) il CSS non ci puo` fare nulla.

    Riassumendo.
    1. hai fatto crossposting (quindi almeno uno dei post va chiuso)
    2. non e` un problema inerente a questo forum
    3. Se cambi approccio, e` possibile ragionare con i CSS, ma prima devi usare una marcatura corretta

    Chiudo questa discussione.
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

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.