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

    div contenitore che non segue il div contenuto

    Ciao a tutti, sto facendo questo layout e stranamente in IE ottengo il risultato che vorrei.
    Come posso fare per avere la stessa cosa anche per gli altri browser?

    Nella pagina html ho questo tipo di struttura:
    <div id="box">
    <div id="header"></div>
    <div id="body">
    <div id="menu"></div>
    <div id="content"></div>
    </div>
    <div id="footer"></div>
    </div>

    Nel div body ho un'immagine di fondo, un colore e dei bordi laterali, se nei due div che si trovano all'interno e che hanno un float (menu e content) ho dei contenuti superiori all'altezza minima fissata, il body non segue "l'allungamento" degli altri div come invece succede in explorer.

    CSS:
    html , body {
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    width:100%;
    height:100%;
    }
    body {
    text-align:center;
    background: url(../img/sfumatura.jpg) bottom repeat-x;
    }
    div {
    margin: 0;
    padding: 0;
    }
    div#box {
    margin: 10px auto;
    width:760px;
    min-height: 580px;
    height: auto !important;
    height: 580px;
    }
    div#header {
    height: 71px;
    background: #e6e6dc url(../img/banda_superiore.jpg) no-repeat;
    }
    div#body {
    min-height: 438px;
    height: auto !important;
    height: 438px;
    background: #e6e6dc url(../img/banda_centrale.jpg) no-repeat;
    border-right: 1px solid #969691;
    border-left: 1px solid #969691;
    }
    div#footer {
    height: 71px;
    background: #e6e6dc url(../img/banda_inferiore.jpg) no-repeat;
    clear:both;
    }
    div#menu {
    width:220px;
    float:left;
    text-align:center;
    }
    div#content {
    width:530px;
    float:left;
    text-align:center;
    }



    Avete dei suggerimenti?
    grazie
    ciao ciao

  2. #2
    cambia
    da:

    div#menu {
    width:220px;
    float:left;
    text-align:center;
    }
    div#content {
    width:530px;
    float:left;
    text-align:center;
    }
    a:

    div#menu {
    width:220px;
    float:left;
    text-align:center;
    }
    div#content {
    margin-left:220px;
    text-align:center;
    }
    www.meteowebcam.it
    La migliore raccolta di webcam meteo Italiane

    www.creazionigrafiche.com
    Grafica e siti web d'autore

  3. #3
    Utente di HTML.it
    Registrato dal
    Apr 2003
    Messaggi
    77

    funziona!

    Grazie mille

    Già che ci sono, sai come fare a bloccare l'immagine di sfondo (la sfumatura) in modo che non salga con lo scorrimento della pagina (Sempre per firefox). Ho provato con fixed ma scorre lo stesso.

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.