Pagina 1 di 2 1 2 ultimoultimo
Visualizzazione dei risultati da 1 a 10 su 14
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    25

    Aiuto con espansione background tabella.

    Buongiorno a tutti, mi servirebbe un'aiuto perfavore.
    Ho realizzato una pagina html con una tabella. La tabella è divisa in 3x3, praticamente solo il quadrato centrale (che ha dimensioni fisse) ha un colore, il resto attorno ha un colore diverso.

    Il tutto funziona bene con FireFox, Opera e Safari, ma con Explorer 7 le celle sopra e sotto al quadrato centrale non si comportano a dovere.

    Riporto di seguito il codice html ed i css, qualcuno potrebbe darmi un suggerimento sul come risolvere il problema con explroer 7 (o un workaround o hack)?

    Grazie
    Enrico


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    <style type="text/css">
    <!--
    body {
    margin:0px;
    }

    html,body {
    height:100%;
    width:100%;
    margin:0px;
    }

    .table {
    width:100%;
    height:100%;
    }

    .center {
    width:200px;
    height:200px;
    background-color:#f50;
    }

    .cell_background {
    width:auto;
    height:auto;
    background-color:#05f;
    }
    -->
    </style>
    </head>

    <body>
    <table cellspacing="0" cellpadding="0" class="table">
    <tr>
    <td class="cell_background"></td>
    <td class="cell_background"></td>
    <td class="cell_background"></td>
    </tr>
    <tr>
    <td class="cell_background"></td>
    <td class="center"></td>
    <td class="cell_background"></td>
    </tr>
    <tr>
    <td class="cell_background"></td>
    <td class="cell_background"></td>
    <td class="cell_background"></td>
    </tr>
    </table>
    </body>
    </html>

  2. #2
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    cosa intendi dicendo che in ie7 le celle sopra e sotto non si comportano a dovere?
    Si fanno sempre nuove scoperte

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    25
    Dunque, la tabella è ina 3x3 con la cella centrale di dimensione fissa e che deve restare in centro schermo. Questo significa che le altre celle devono adattare la loro dimensione in modo da permettere che il quadrato resti nel centro.

    Ciò avviene correttamente con tutti i browser principali eccetto explorer7.

    Se copi il codice e provi vedi.

  4. #4
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Originariamente inviato da lumiere
    Dunque, la tabella è ina 3x3 con la cella centrale di dimensione fissa e che deve restare in centro schermo. Questo significa che le altre celle devono adattare la loro dimensione in modo da permettere che il quadrato resti nel centro.

    Ciò avviene correttamente con tutti i browser principali eccetto explorer7.

    Se copi il codice e provi vedi.
    Solo se tutte le celle periferiche hanno lo stesso contenuto, perchè solo che una cella abbia un contenuto diverso il centro si sposta di conseguenza, la caratteristica delle tabelle è quella di ridimensionare le celle a secondo del contenuto, fare quello che vuoi tu con tabelle e per giunta con celle a dimensione auto è impossibile

  5. #5
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    Non vedendo la pagina finita è un pò diffiicile. Non so se sia impossibile, ma come dice Gufo dipende dal contenuto, se non influirà con il ridimensionamento delle celle credo sia fattibile...
    Si fanno sempre nuove scoperte

  6. #6
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    25
    È impossibile solo con iexplorer, con tutti gli altri browser funziona benissimo.
    Ora, cosa suggeriresti come alternativa? Tieni presente che il quadrato centrale deve avere dimensioni fisse e deve essere nel centro della finestra del browser. Anche facendo il quadrato centrale con un div gli altri div periferici dovrebbero allargarsi fino al limite della finestra del browser, cosa che penso possibile con tutti i browser ma non con IE.

  7. #7
    Utente bannato
    Registrato dal
    Sep 2007
    Messaggi
    2,777
    Originariamente inviato da lumiere
    È impossibile solo con iexplorer, con tutti gli altri browser funziona benissimo.
    Ora, cosa suggeriresti come alternativa? Tieni presente che il quadrato centrale deve avere dimensioni fisse e deve essere nel centro della finestra del browser. Anche facendo il quadrato centrale con un div gli altri div periferici dovrebbero allargarsi fino al limite della finestra del browser, cosa che penso possibile con tutti i browser ma non con IE.
    Non diamo a IE delle colpe che non ha, quello che vuoi fare tu è impossibile anche con gli altri, forse con i div e posizionamenti assoluti si ci riesce ma non con le tabelle

  8. #8
    Utente di HTML.it L'avatar di gabar-el
    Registrato dal
    Jun 2006
    Messaggi
    2,222
    perchè dici che è impossibile Gufo? non riesco a capire, a mio avviso se progettato a modo può funzionare...

    cmq, dai degli spazi dentro le celle, ie fatica a interpretare le celle vuote (metti un ) vedrai che le cose migliorano. Rimane per un problema circa l'altezza della cella centrale, non ne vuole sapere di vedere i 200px per quello che sono. Prova a validare il codice per sicurezza e magari fai qualche prova... o qualche ricerca specifica sul web
    Si fanno sempre nuove scoperte

  9. #9
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    25
    Originariamente inviato da Gufo
    Non diamo a IE delle colpe che non ha, quello che vuoi fare tu è impossibile anche con gli altri, forse con i div e posizionamenti assoluti si ci riesce ma non con le tabelle
    Le colpe le ha eccome, sono risaputi i problemi che ha per risolvere i quali bisogna sempre ricorrere a vari hack.
    Ti invitò a provare il codice con gli altri browser.

    Per i div, si, però dovrebbero avere valori negativi a sinistra.
    Se hai soluzioni postale per favore

  10. #10
    Utente di HTML.it
    Registrato dal
    Apr 2006
    Messaggi
    25
    Originariamente inviato da gabar-el
    cmq, dai degli spazi dentro le celle, ie fatica a interpretare le celle vuote (metti un ) vedrai che le cose migliorano. Rimane per un problema circa l'altezza della cella centrale, non ne vuole sapere di vedere i 200px per quello che sono. Prova a validare il codice per sicurezza e magari fai qualche prova... o qualche ricerca specifica sul web
    Domani vi posto una variante (oggi sono con iPhone) dove il quadrato centrale mantiene le dimensioni, m'a le dell'e sopra e sotto anche con uno spazio, non si comporta bene (sempre e solo con IE).
    Proverò anche con i div, vediamo se i div attorno al quadrato si comporteranno bene, mi è venuta un'idea che se funziona condividerò.

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.