+ Rispondi alla Discussione
Risultati da 1 a 2 di 2

problema div su pagina con tabelle

Ultimo Messaggio di marcocarrieri il:
  1. #1
    User L'avatar di liamuscogiuri
    Data Registrazione
    Jul 2007
    Località
    Roma
    Messaggi
    127

    problema div su pagina con tabelle

    Salve a tutti!

    Devo fare una modifica a un sito html che non ho fatto io.
    Il sito è costruito con le tabelle e non con i div.
    Il mio problema è questo:
    all'interno della pagina html devo mettere un div che abbia posizione fixed, in modo che resti sempre sulla sinistra anche quando scendo giù nella pagina.
    Però essendoci le tabelle non so dove inserirlo.
    Avrei bisogno di fare in modo che sia indipendente dalla tabella, metterlo prima della tabella, ma così facendo non funziona e rimane su, sballandomi la struttura del sito. Ho provato a dargli z-index 2 ma niente.
    C'è un modo per farlo essere indipendente dalla struttura con le tabelle?

    Grazie mille!

  2. #2
    ModSenior L'avatar di marcocarrieri
    Data Registrazione
    Jul 2009
    Località
    Rovigo
    Messaggi
    24,301
    Intendi una cosa del genere?

    Codice:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <title>PROVA</title>
            <style type="text/css">
                #sinistro
                {
                    position:fixed;
                    left:30px;
                    top:30px;
                    background:pink;
                    width:300px;
                    height:350px;
                }            
                .testo
                {
                    color:#000;
                    font-weight:bold;
                    font-size:40px;
                }
            </style>
        </head>
        <body style="margin:0px;padding:0px;background:silver;">
            <table id="tabella" style="width:800px;    height:2000px;background:lightblue;margin-top:40px;        padding:20px;" class="testo" align="center">
                <tr>
                    <td style="vertical-align:top;">
                        TABELLA
                    </td>
                </tr>
            </table>
            <div id="sinistro" class="testo">
                SINISTRO
            </div>        
        </body>
    </html>

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.