posizionare un div a tot pixel dal centro pagina

**MaPPaZZo** · 03-06-2009, 19:25

Ciao a tutti.

Ho un body di 900 px.

Adesso vorrei poter affiancare a sinistra un div che contenga un'immagine. questo div deve stare "attaccato" al body qualsiasi sia la risoluzione dello schermo.

ho provato a fare un div con posizione assoluta e al suo interno il div relativo che contiene l'immagine:

Codice PHP:


<div style="position:absolute; width: 100%; padding-right:50%">

      <div style="position:relative; margin-right:500px">

            [img]images/pub_dx1.gif[/img]

      </div>

</div>

il primo div è assoluto perchè cosi non interessa gli altri div della pagina.
sempre al primo div ho messo il padding-right del 50% cosi ho come riferimento destro il centro pagina indipendentemente dalla risoluzione dello schermo, per potermi spostare poi mediante il secondo div di 500px e stare quindi al bordo del body.

ma non ottengo l'effetto desiderato.

firefox e ie lo renderizzano anche in modo diverso....

cosa c'è di errato?

grazie ;-)

**MaPPaZZo** · 03-06-2009, 19:34

l'immagine rende meglio l'idea...

**MaPPaZZo** · 03-06-2009, 21:32

ho risolto da solo.

ho messo tutto il body dentro questo div:

Codice PHP:




<div style="width:986px; margin:auto; background-image:url(images/pub_dx1.png); background-repeat:no-repeat; background-position:top left">

ciao.

**ricman** · 04-06-2009, 09:13

...purchè quando dici "body" questo NON sia il tag <body> !

**MaPPaZZo** · 04-06-2009, 09:22

ahahahah...no no...."body" per intendere il "corpo" della pagina

in realtà è:

Codice PHP:


<div style="width:986px; margin:auto; background-image:url(images/pub_dx1.png); background-repeat:no-repeat; background-position:top left">

<div id="page">   //width900px centrato

    <div id="header">

         contenuto header

    </div>

    <div id="content">



         ::::::::::



     </div>

     <div id="footer">

       ::::::::

     </div>

</div>

</div>

unico problema la trasparenza del png su ie6....lo script ha sempre funzionato benissimo ma adesso non mi va più...

Discussione: posizionare un div a tot pixel dal centro pagina

Strumenti discussione

Ricerca discussione

Visualizza

posizionare un div a tot pixel dal centro pagina

Permessi di invio