[css]Position: relative non va!
Ciao a tutti!
Ho un problemino banale...
non riesco a far visualizzare bene un position:relative in un div centrato nella pagina.
Perchè?
I codici html sono questi:
Codice HTML:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="content">
<div id="index">
qui dovrebbe esserci il testo del div con tag absolute
</div>
</div>
</body></html>
e quelli css questi:
Codice PHP:
body {
background: url('images/back_stripes.png');
font-size: 12px;
font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
color:#ffffff;
padding:0px;
margin:0px;
}
#content {
display: block;
width: 700px;
height: 544px;
position: absolute;
top: 50%;
left: 50%;
margin: -272px 0 0 -350px;
background: url('images/index.png');
border: 1px solid #FFFFFF
}
#index {
position: relative;
top:10px;
left:10px;
width: 551px:
height: 513px;
}
come posso risolvere?
