Visualizzazione dei risultati da 1 a 8 su 8
  1. #1

    allungamento DIV contenitore

    Ciao a tutti
    il contenitore (con ombra e riga) dovrebbe arrivare sempre fino a fondo pagina, ma come si allunga in contenuto della pagina, il contenitore arriva fino alla dimensione della pagina, e lo scroll resta senza immagine/contenitore.
    Cosa devo modificare?
    CSS
    html, body {
    color: #575759;
    font-size: 100%;
    text-align: center ;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0; }
    #content {
    background-image: url(../i-immagini/home_shadow.jpg);
    text-align: left;
    bottom: 0;
    width: 758px;
    height: 100%;
    margin: 0 auto;
    padding-right: 29px;
    padding-left: 29px; }
    come appare

    grazie a tutti
    GeorgiaWD

  2. #2
    dipende dalla height impostata a 100%

    Quando scrolli l'immagine ti mantiene l'altezza di una videata. Quindi prova a togliere height:100%

    ciao

  3. #3
    Originariamente inviato da ashtur1
    dipende dalla height impostata a 100%

    Quando scrolli l'immagine ti mantiene l'altezza di una videata. Quindi prova a togliere height:100%
    Se lo faccio la lunghezza si dimezza ulteriormente per la lunghezza della pagina

    se forzo il div direttamente con <style="height: 100%"> stesso problema di prima

    come faccio a non fargli mantenere l'altezza della videata?
    esiste una possibilità o sto combattendo coi mulini a vento?
    GeorgiaWD

  4. #4
    allora devo capire una cosa...

    i contenuti sotto il titolo sono elementi che hanno float?

    perche in quel caso dovresti rivedere la struttura del contenitore esterno.

  5. #5
    Originariamente inviato da ashtur1
    allora devo capire una cosa...

    i contenuti sotto il titolo sono elementi che hanno float?

    perche in quel caso dovresti rivedere la struttura del contenitore esterno.
    l'unico float è per l'immagine delle pillole (up dx)
    tutto il resto non lo è, il resto è tutto relative

    ti sto ripulendo l'html dal codice (db) e te lo posto se vuoi/puoi :-))
    GeorgiaWD

  6. #6
    La cosa "divertente"
    è che questo problema lo riscontro 'solo' su IE7, FF2 e Opera9,
    mentre su IE6 è perfetto......
    arghhhhh
    GeorgiaWD

  7. #7
    up
    GeorgiaWD

  8. #8
    Ho trovato la soluzione era così semplice che non ci son arrivata prima
    che polla
    html, body {
    color: #575759;
    font-size: 100%;
    background-image: url(../i-immagini/home_shadowLyn.jpg);
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: center;
    text-align: center;
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0; }
    #content {
    text-align: left;
    bottom: 0;
    width: 758px;
    height: 100%;
    min-height: 100%;
    margin: 0 auto;
    padding-right: 29px;
    padding-left: 29px; }
    bhè grazie e ciao alla prossima
    GeorgiaWD

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.