Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Sfondo con Css

  1. #1

    Sfondo con Css

    Salve a tutti

    Sono alle prese con un problema in Css

    ho un pattern nel body e poi vorrei mettere lo sfondo bianco a il Box Tot che mi contiente il tutto

    vi allego le immagini cosi mi spiego meglio

    come Dovrebbe Venire



    Il mio Risultato



    Il Codice Css

    body {
    background-image: url(pattern_101.gif);
    }

    #box_tot {
    width: 701px;
    background-color: #fff;
    margin: auto;
    }

    codice HTML

    <Div id="box_tot"> si apre dopo l header e si chiude per ultimo </div>

    come posso avere la cosa desiderata???

    Grazie ciao

  2. #2
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    per caso dentro quel div box_tot hai utilizzato elementi flottati? Sembrerebbe quasi che quel div non si estenda in verticale come dovrebbe...
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  3. #3
    si ho creato come 3 "colonne"

    c'e a sinistra menu e banner Verticale e ho messo il Float

    #menu_sinistro {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    float: left;
    list-style-type: circle;
    }

    poi nel centro c'e un div che si chiama centro

    #centro {
    float: left;
    width: 420px;
    margin-top: 10px;
    }

    all interno del centro ci sono tanti Box dove dentro ci sono delle descrizioni di alcune cose

    #box {
    width: 380px;
    border: #000000 1px solid;
    font-size: 12px;
    font-family:Arial, Helvetica, sans-serif;
    padding: 5px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
    }

    #box a {
    color: #FF0000;
    text-decoration:none;
    }

    #box a:hover {
    color: #0000FF;
    }


    img.img1 {
    float: left;
    margin-left: 5px;
    margin-top: 2px;
    padding: 3px;
    }

    all'interno dei Box ci sono delle immagini a cui ho fatto fluttuare il testo a destra


    e poi a destra c'e un div simile al al menu sinistro, ma si chiama menu destro

    #menu_destro {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 150px;
    float: right;
    margin-top: 10px;
    }

  4. #4
    Frontend samurai L'avatar di fcaldera
    Registrato dal
    Feb 2003
    Messaggi
    12,924
    allora probabilmente devi fare il clearing di box_tot (cerca "clearing" in questo forum)

    per verificarlo basta fare una cosa molto semplice: prova a definire un bordo per quel box... quasi sicuramente ti disegnerà solo il bordo superiore
    Vuoi aiutare la riforestazione responsabile?

    Iscriviti a Ecologi e inizia a rimuovere la tua impronta ecologica (30 alberi extra usando il referral)

  5. #5
    Grazie molto Gentile

    è proprio quello il problema, perche i Float non creano ingombro


  6. #6
    ho risolto

    ho messo nel Css

    #footer {
    width: 701px;
    height: 20px;
    clear: both;
    background: #FFFFFF;
    }
    e nell html

    <div id="footer"></div>

    prima della chiusura del div che conteneva tutto

    Grazie, ho postato la risposta, magari può essere utile a qualcuno!!!

    ciao

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.