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