Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    99

    Strano comportamento dell'overflow

    Salve a tutti. Ho una domanda particolare circa uno strano comportamento del comando overflow applicato ad un div.
    Ho una pagina html di cui posto il codice per intero

    <html>

    <head>
    <title>prova</title>
    <link rel="stylesheet" type="text/css" href="stile.css">

    </head>

    <body background="images/sfondo.jpg">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="100%">
    <tr>
    <td width="100%" height="99%">
    <div id="mainwindow">
    <pre>sdfsdf
    sdf
    sdf
    sdf
    sd
    fsd
    f
    sdf
    s
    f
    sdf
    sd
    fsd
    f
    sdf
    s
    f
    sd
    fs
    df
    sdf
    sd
    fdsù
    f
    sdfù
    sd
    f
    sdf
    sdf
    s
    fd
    sfd
    sd
    f
    sdf
    sd
    fd
    f
    ds
    fs
    sdf
    sdf
    sdf
    sdf
    sd
    f
    sd
    d
    gf
    h
    gfr
    h
    d
    g
    er
    t
    dfg
    gfd
    g
    df
    gdf
    g
    df
    gdf
    gfh
    fhj
    fgh
    fghf
    h
    fgh
    gf
    hgf
    h
    gh
    gfh
    fg
    h
    </pre>
    </div>
    </td>
    </tr>
    <tr>
    <td width="100%" height="1%">
    <div id="footer">
    <table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="100%">
    <tr>
    <td width="100%" align="center">
    <form name="frmAzione">



    <input type="text" id="azione" name="azione" size="64"><input type="button" value="invia" name="B1">
    </p>
    </form>
    </td>
    </tr>
    </table>
    </div>
    </td>
    </tr>
    </table>
    </body>

    </html>

    la tabella la uso per tenere il div footer a piè di...schermo (ovvero sempre in basso allo schermo) mentre il div mainwindow sia alto esattamente fino a dove inizia il div footer, oltre il quale deve mettere le scroolbar. Nel file css ho messo questo codice

    div#mainwindow
    {
    width: 100%;
    height: 100%;
    margin: 0;
    text-align: left;
    overflow: auto;
    }
    div#footer
    {
    width: 100%;
    height: 50;
    margin: 0;
    text-align: center;
    }

    Fin qui tutto ok funziona. Il dramma è che questa pagina la vorrei a schermo intero cioè senza la barra dell'url per cui l'ho aperta con windows.open e ho tolto le cose che non volevo. E qui nasce il problema infatti la finestra aperta ovviamente non è grande come lo schermo, se un utente clicca su ingrandisci improvvisamente appare la barra orizzontale, cosa assurda perché se non appariva quando la finestra era piu piccola...se la ingrandisco non dovrebbe apparire.
    Come poter risolvere questo problema che apparentemente non ha senso?
    Grazie per gli eventuali consigli.

    PS le scritte a caso nel div mainwindow le ho messe per fare delle prove avendo un contenuto molto lungo cosi da far apparire la barra verticale di scorrimento.

  2. #2
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    99
    Dimenticao di dire che se l'utente, dopo aver cliccato su ingrandisci della finestra del browser apparendo cosi la famigerata barra orizzontale, se clicca su F5 a refresha l'intera finestra...la barra orizzontale non ricompare!!!

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2004
    Messaggi
    99
    Mi correggo...ho notato che questa soluzione si FF da problemi in pratica non funziona l'overflow, allunga il div mainwindow fino in fondo.
    Modifico la domanda a questo punto...se volessi creare due div di cui un footer che resta sempre a piè di schermo e un secondo div che occupi tutta la pagine terminando però prima che inizi il footer a piè di schermo e metta ovviamente uno scroller se il contenuto supera la grandezza?
    Per intenderci tipo una chat.

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.