ho una pagina con un div che deve essere centrato nella pagina
e diversi div al suo interno che devono stare al suo interno e in posti ben precisi.
per ora l'ho messo cosi
body{background-color:black}
#main {background-image: url(img/background.jpg);position:absolute;top:;left:;width :984;height:768;background-color:transparent ;color:white;}
#annunci {position:absolute;top:193;left:240;width:513;heig ht:20;background-color:transparent ;color:white;}
#mappa {position:absolute;top:0;left:0;width:235;height:2 19;background-color:transparent ;color:white;}
#menucomm {position:absolute;top:275;left:43;width:168;heigh t:103;background-color:transparent ;color:white;}
#menugame {position:absolute;top:453;left:43;width:168;heigh t:103;background-color:transparent ;color:white;}
#stat {position:absolute;top:625;left:43;width:170;heigh t:48;background-color:transparent ;color:black;}
#pagina {position:absolute;top:218;left:245;width:494;heig ht:453;background-color:transparent ;color:black;}
#login {position:absolute;top:263;left:775;width:167;heig ht:128;background-color:transparent ;color:black;}
#hints {position:absolute;top:440;left:775;width:167;heig ht:127;background-color:transparent ;color:black;}
#banner {position:absolute;top:590;left:777;width:161;heig ht:85;background-color:transparent ;color:black;}
#bottom {position:absolute;top:725;left:60;width:860;heigh t:42;background-color:transparent ;color:black;}
#ris1 {position:absolute;top:52;left:834;width:10;height :5;background-color:transparent ;color:white;}
#ris2 {position:absolute;top:87;left:894;width:10;height :5;background-color:transparent ;color:white;}
#ris3 {position:absolute;top:158;left:894;width:10;heigh t:5;background-color:transparent ;color:white;}
#ris4 {position:absolute;top:192;left:834;width:10;heigh t:5;background-color:transparent ;color:white;}
#ris5 {position:absolute;top:158;left:773;width:10;heigh t:5;background-color:transparent ;color:white;}
#ris6 {position:absolute;top:87;left:773;width:10;height :5;background-color:transparent ;color:white;}
#ris7 {position:absolute;top:123;left:834;width:10;heigh t:5;background-color:transparent ;color:white;}
e mi ritrovo tutto giusto
ma nella'ngolo in alto a sinistra
quando lo centro ovvero quando metto
#main
{
background: url(img/background.jpg);
border-collapse:collapse;
width:984px;
height:768px;
margin:0px auto 0px auto;
}
mi sballa tutto
la pagina index č cosi
<head>
<title>Hall of Heroes</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="main">
<div id="mappa">
mappa
</div>
<div id="ris1">
222
</div>
<div id="ris2">
222
</div>
<div id="ris3">
222
</div>
<div id="ris4">
222
</div>
<div id="ris5">
222
</div>
<div id="ris6">
222
</div>
<div id="ris7">
222
</div>
<div id="annunci">
annunci
</div>
<div id="menucomm">
menucomm
</div>
<div id="menugame">
menugame
</div>
<div id="pagina">
pagina
</div>
<div id="stat">
stat
</div>
<div id="login">
login
</div>
<div id="hints">
hints
</div>
<div id="banner">
banner
</div>
<div id="bottom">
bottom
</div>
</div>
</body>
</html>
qualcuon piu in gamba di me
e nel css anche un criceto lo č :P
mi puo dare una mano pčer favore?
Rispondi quotando
