Salve a tutti ho un problema che mi sta facendo impazzire.
Voglio fissare un div contenente un logo, all'interno di un div header. in pratica voglio che se uno ridimensiona la finestra, il logo non si sposti ma rimanga nella sua posizione originale, ovvero nel caso in cui uno riduce la finestra del browser lato sx, il logo venga coperto.
Il mio codice css, è il seguente:
codice:
div.header
{
margin: 0 auto;
position: relative;
width:100%;
height: 175px;
overflow: hidden;
margin-top: 0;
margin-bottom: 0;
}
div.headerobject
{
position:fixed;
left:50%;
margin-top:80px;
margin-left:-450px;
z-index:20;
width:30px;
height:39px;
background-image: url('../images/header-object.png');
}
l'header object è contenuto nel div header.
Solo adesso ho che il logo è fisso se ridimensiono il browser e quindi viene coperto ma se scorro la pagina, questo scorre anche lui in verticale.
Sapete perchè? Ho provato anche con absolute al posto di fixed ma nulla.
tnx