Problema con DIV posizione fissa

**dyd87** · 13-07-2012, 17:27

Salve a tutti

Ho un problema con due div ed il ridimensionamento della pagina.
Se tengo la pagina maxata ottengo questo:

Dove vediamo GestioneSito in alto a destra e la FanPage in basso a sinistra, contenute rispettivamente in due div diversi.

Se restringo la pagina ottengo però questo:

Questo il codice della pagina:

codice:

<body>
        <script language="javascript" type="text/javascript">
           document.getElementById('BannerDiv').scrollIntoView();
        </script>

        <div id="BannerDiv" style="position:fixed; bottom:10px; left:5px; margin-right: 10px">
            ---
        </div>
        <div id="SpazioAdmin" style="font-size: 9px; position:fixed; top:5px; right:5px">
                Gestione Sito
            </div>
        <div id="header">
        </div>

Come posso risolvere questo problema, facendo in modo che i due div non si sovrappongano a quello al centro?
Anche il div Header (quello che contiene il logo con il cavallo) scorre verso sinistra.
Questo il suo codice:

codice:

#header{
    height: 151px;
    width: 750px;
    background-image:url("../Immagini/logo.png");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0px;
    overflow: hidden;
    border: solid 1px black;
}

Grazie mille

**Prill** · 13-07-2012, 18:08

Provato a dare un padding (inferiore o sinistro) eguale alle dimensioni del div con position:fixed al contenitore centrale?

P.S.: per l'immagine del cavallo che si sposta bisognerebbe vedere direttamente tutto il codice in azione con un link alla pagina

Discussione: Problema con DIV posizione fissa

Strumenti discussione

Ricerca discussione

Visualizza

Problema con DIV posizione fissa

Permessi di invio