div che fa quello che vuole

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.044
150
63
PR
www.borgo-italia.it
ciao
mi sembra di essere tornato indietro di cent'anni ( o forse sono rinco)
ho fatto questo stupidissimo html+css
file css

HTML:
html{
	margin: 0px;
	padding: 0px;
}
body {
	background-image:  url(../_fileIMMcom/Sun-RosyCheeks-PP06.jpg);
	background-repeat:repeat;
	background-color: #C1EAEF;
	color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	margin: 0px;
	padding: 0px;	
}
#contenitore{
	width:1000px;
	height:500px;
	position: absolute;
	background-image:url(../_fileIMMcom/Spiegazione_1000x500.jpg);
	background-repeat:no-repeat;
	background-color: #C1EAEF;
	overflow: hidden;
	top: 50%;
	left: 50%;
	margin-left: -500px;
	margin-top:-250px;
}
#galleria{
	display:block;
	float:left;
	width:452px;
	height:322px;
	position:relative;
	left:272px;
	top:84px;
}
#menu{
	display:block;
	width:120px;
	height:98px;
	position:relative;
	left:870px;
	top:40px;
	color: #00CCFF;
}
e questo è l'html

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>ailinen foto gallery</title>
<link rel="stylesheet" type="text/css" href="_fileCSS/page_foto_gallery.css">
</head>

<body>
<div id="contenitore">
	<div id="galleria">qui va bene</div>
	<div id="menu"><b>e qui NO?</b></div>
</div>
</body>
</html>
ora mentre quanto dentro il div galleria sta al posto giusto, quello dentro il div menu va a finire
fuori dal div in basso a destra (vedi immagine).
div_pazzo.jpg

sarà il caldo, ma non riesco a capire il perchè


p.s.
i riquadri blu fanno parte dell'immagine di background
ps al ps
e sono tre giorni che ci impazzisco
 
ciao
forse era il caldo...o gli occhi foderati di prosciutto

#galleria{
display:block;
float:left;
width:452px;
height:322px;
position:absolute
left:272px;
top:84px;
}
#menu{
display:block;
width:120px;
height:98px;
position:absolute;
left:870px;
top:40px;
color: #00CCFF;
}

pensare che c'ho perso una notte:mad:
 

Discussioni simili