aggiungere un div ad una colonna centrata

**pettedemon** · 09-09-2009, 11:22

Ciao a tutti,
in riferimento alla discussione discussione mi è stato consigliato di provare a chiedere in questa sezione.

Io ho una colonna centrale e vorrei che al fianco decentrato ci fosse un div.
questo è il mio codice css

codice:

#centralone_home
{
    width: 640px;
    height: 626px;
    margin: auto;
    background:  url(../images/home.png) no-repeat;

}

#sponsor
{
    
    width: 175px;
    height: 120px;
    background-color: white;
    position: absolute;
    top: 20px;
    right: 340px;
}

e questa è la mia pagina

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<link rel="stylesheet" type="text/css" href="css/stile.css" />
</head>

<body>
<div id="centralone_home">

</div>

<div id="sponsor"></div>

</body>
</html>

mi è stato consigliato di provare con css e questo è il codice suggerito da Mich_

function posiziona () {
var lartot = ...;
var marg = (lartot - 640) / 2;
document.getElementById('centralone_home').style.m arginLeft = marg;
}

Non ricordo come si faccia a leggere la larghezza del body (ma dovresti trovare esempi nel forum JS).

Poi devi modificare il CSS in questo modo:
dare float:left al blocco #centralone_home
dare float:right al blocco sponsor
togliere i margini da ambedue i blocchi.

Sapete aiutarmi ?
Grazie

**marco.carrieri** · 09-09-2009, 15:36

Prova a vedere se questo ti va bene.

Codice PHP:


<html>

    <head>

        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

        <title>Prova</title>

        <style media="all" type="text/css">

            html,body

            {

                    margin:0px;

                    padding:30px;

            }

            #centralone_home

            {

                    width: 640px;

                    height: 626px;

                    margin: auto;

                    background:silver;

                    text-align:left;

            }

            #sponsor

            {

                position:absolute;

                width: 175px;

                height: 120px;

                background:lightgreen;

                margin-left:610px;

                margin-top:50px;

            }

            #contenitore

            {

                width:100%;

            }

        </style>

    </head>

    <body>

        <div id="contenitore" align="center">

            <div id="centralone_home">

                <div id="sponsor">SPONSOR</div>

            CENTRALE

            </div>

        </div>

    </body>

</html>

**pettedemon** · 09-09-2009, 15:43

mitico!
è perfetto!

grazie!!!!!!

Discussione: aggiungere un div ad una colonna centrata

Strumenti discussione

Ricerca discussione

Visualizza

aggiungere un div ad una colonna centrata

Permessi di invio