• User Newbie

    Bordi di un div impostati ma non si vedono

    Ciao a tutti. Sto impazzendo con un problema di visualizzazione bordi.
    Ho questo codice:

    CSS

    div#container{

    }

    div#header h1{
    position: relative;
    height : auto !important;
    height : 130px;
    min-height: 130px;
    overflow : hidden;
    border: 2px black;
    margin:0;
    padding-left:10px;
    background: #EEEEEE
    }

    div#logo{
    position: absolute;
    top: 10px;
    left: 5px;
    background-image:url(../images/logo.png);
    background-repeat: no-repeat;
    height:100px;
    width:300px
    }

    div#newsletter{
    position: absolute;
    top: 50px;
    right: 5px
    }

    HTML

    <div id="container">

    <div id="header">
    <h1><div id="logo"></h1></div>
    <div id="newsletter">
    <jdoc:include type="modules" name="newsletter" />
    </div>
    </div>

    In pratica il bordo impostato a 2 pixel colore nero non esce... Come mai?


  • Super User

    Ciao 8matrix3,
    molto semplicemente hai commesso due piccoli errori:

    Per prima cosa devi correggere l'html da:
    [html]
    <h1><div id="logo"></h1></div>
    [/html]a
    [html]
    <div id="logo"><h1></h1></div>
    [/html]

    Inoltre manca un </div> di chiusura alla fine del tuo codice, ciò che devi calcolare quindi è che ogni tag aperto equivale ad uno chiuso per una corretta formattazione del codice.


    Il problema del bordo è dovuto alla mancanza del valore "type"

    Quindi da:

    
    border: 2px black;
    ..
    
    ```a 
    
    

    border: 2px solid black;

    
    Spero di esserti stato d'aiuto.

  • User Newbie

    Grazie mille! Ho risolto! Non ricordavo fosse obbligatorio il tipo del bordo!