Bordi di un div impostati ma non si vedono

8matrix3

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

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

karedas

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.

8matrix3

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