• P
    User •

    far diventare un div lungo quanto la pagina

    scusate per il titolo ma non sapevo come esporre il problema (in poche parole)
    allora ho questa pag html
    [HTML]<html>
    <head>
    <title>test</title>
    <link href="stile.css" title="stile" type="text/css" rel="stylesheet" media="all" />
    </head>
    <body>
    <div id="contenitore">
    <div id="header">
    <h1>Patrick91.it</h1>
    </div>
    <div id="colonnadx">
    <div id="menu">
    <ul>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    </ul>
    </div>
    </div>
    <div id="contenuto">
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    ESempio di testo ESempio di testo ESempio di testo ESempio di testo
    </div>
    </div>
    </body>
    </html>[/HTML]
    e vorrei che il div colonnadx sia lungo quanto la pagina
    infatti se il testo supera la dimensione dello schermo il div non si allunga :arrabbiato:

    come devo fare?

    ps ecco il css ```
    body {
    background: url(img/sfondo.jpg) repeat-x;

    }
    #contenitore {

    }

    #colonnadx {
    position: absolute;
    width: 150px;
    right: 25px;
    top: 0;
    height: 100%;
    background-color: lightgreen;
    }
    #menu {
    margin-top: 20px;
    }

    #contenuto {
    margin-right: 180px;
    }

    #header {
    height: 50px;
    }
    /* eventuale*/
    #footer{
    clear: right
    }

    0
  • P
    Super User •

    Ciao patrick91

    scusa ma,

    <div id="contenitore">
    <div id="header">
    <h1>Patrick91.it</h1>
    </div>
    <div id="colonnadx">
    <div id="menu">
    <ul>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    </ul>
    </div>
    </div>

    Qui, come vedi, il div colonnadx lo chiudi prima del contenuto...

    0
  • P
    User •

    @Paola_mi said:

    Ciao patrick91

    scusa ma,

    Qui, come vedi, il div colonnadx lo chiudi prima del contenuto...
    mi sembra giusto :mmm:
    ho aggiunto i commenti
    [HTML]
    <div id="contenitore">
    <div id="header">
    <h1>Patrick91.it</h1>
    </div>
    <div id="colonnadx"><!-- inizio div colonnadx-->
    <div id="menu"><!-- inizio div menu-->
    <ul>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    <li>link</li>
    </ul>
    </div> <!-- chiusura div menu-->
    </div><!-- chiusura div colonnadx-->
    [/HTML]
    cmq non era questo il problema, infatti, se aggiungo contenuti (in modo da far allungare la pag) il div si ingrandisce
    però mi serve che si ingrandisca da solo per tutta la pag 😉

    0
  • P
    Super User •

    Non riesco a capire... :bho:

    0
  • P
    User •

    @Paola_mi said:

    Non riesco a capire... :bho:

    posto due immagini 😉
    immagine senza aver fatto lo scroll e si vede bene
    image
    immagine dopo aver fatto lo scroll e si vede il div colonnadx tagliato
    image

    0
  • T
    User Attivo •

    prova così più o meno..
    [HTML]min-height:600px;
    height:auto !important;
    height:600px;[/HTML]

    0
  • P
    User •

    non va :arrabbiato:
    ho messo il codice che hai postato nel css nella sezione colonnadx
    ho provato sia con ie che con firefox

    0
  • J
    User Attivo •

    Ciao! Anche io ho lo stesso problema!
    Nessuno ha una soluzione?

    0
  • M
    User Attivo •

    L'unica soluzione è CSS3 quello è il motivo per cui i CSS2 hanno aspettato tanto a prendere piede.
    Se volete delle soluzioni provate a cercare dentro questo sito constile.org

    0
Effettua l'accesso per rispondere