centrare un div nella pagina
ciao
ho realizzato questa pagina:ho allegato il file
quello che non capisco è perchè quando vado a centrare il dv 1, gli altri dv posti all'interno non si centrano ma rimangono spostati a sinistra :?
questo è il codice,non capisco dove sbaglio!
<!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>
<style type="text/css">
<!--
body {
background-image: url(sfondo%20304%20stelle%20fissa.jpg);
background-repeat: repeat;
}
#apDiv1 {
position:absolute;
left:71px;
top:3px;
width:1024px;
height:769px;
z-index:1;
}
#apDiv2 {
position:absolute;
left:108px;
top:159px;
width:115px;
height:68px;
z-index:2;
}
#apDiv3 {
position:absolute;
left:69px;
top:222px;
width:111px;
height:78px;
z-index:3;
}
#apDiv4 {
position:absolute;
left:37px;
top:282px;
width:109px;
height:82px;
z-index:4;
}
#apDiv5 {
position:absolute;
left:79px;
top:386px;
width:147px;
height:94px;
z-index:5;
}
#apDiv6 {
position:absolute;
left:101px;
top:461px;
width:127px;
height:77px;
z-index:6;
}
#apDiv7 {
position:absolute;
left:928px;
top:202px;
width:111px;
height:74px;
z-index:7;
}
#apDiv8 {
position:absolute;
left:950px;
top:271px;
width:109px;
height:75px;
z-index:8;
}
#apDiv9 {
position:absolute;
left:949px;
top:336px;
width:115px;
height:79px;
z-index:9;
}
#apDiv10 {
position:absolute;
left:963px;
top:416px;
width:119px;
height:81px;
z-index:10;
}
#apDiv11 {
position:absolute;
left:875px;
top:437px;
width:119px;
height:85px;
z-index:11;
}
-->
</style></head>
<body>
<div id="apDiv1">
<embed src="stargatemodificato.swf" width="720" height="576" hspace="200" vspace="30" loop="false"></embed>
</div>
<div id="apDiv2"><img src="cairo.png" width="110" height="59" /></div>
<div id="apDiv3"><img src="cittafaraoni.png" width="140" height="75" /></div>
<div id="apDiv4"><img src="edfu.png" width="200" height="107" /></div>
<div id="apDiv5"><img src="egitto faraoni.png" width="140" height="75" /></div>
<div id="apDiv6"><img src="luxor.png" width="110" height="59"/></div>
<div id="apDiv7"><img src="mar rosso.png" width="110" height="59" /></div>
<div id="apDiv8"><img src="memphis.png" width="110" height="59" /></div>
<div id="apDiv9"><img src="nasser.png" width="140" height="75" /></div>
<div id="apDiv10"><img src="nilo.png" width="110" height="59" /></div>
<div id="apDiv11"><img src="mail.png" width="210" height="134" /></div>
</body>
</html>
grazie!
Rispondi Citando
Segnalibri