div che fa quello che vuole

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
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
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.046
150
63
PR
www.borgo-italia.it
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
Autore Titolo Forum Risposte Data
T Far sparire dalla pagina div che saranno inseriti successivamente jQuery 0
E Div che scompare con scroll jquery Javascript 0
paloppa Div che appare appena due form sono compilati jQuery 16
L php - pulsante premuto che mostra #div PHP 3
U div fisso che ad un certo punto dello scroll scompare jQuery 3
U [Javascript] div linkabile che apre link e scompare Javascript 3
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
trattorino [PHP] blocchi div che si posizionano in alto automaticamente PHP 5
F [Javascript] Div ed iframe che adatta altezza in base al contenuto Javascript 1
M Div che sballano posizione al ridimensionamento HTML e CSS 2
A testo responsivo che si ridimensiona in un div HTML e CSS 3
C SELECT che popola in contemporanea un DIV e un'altra SELECT PHP 12
B Tabelle che si adattano al Div responsive ? HTML e CSS 1
G Testo che si adatta in grandezza alle misure di un DIV: è possibile farlo? HTML e CSS 2
H div linkabili che si spostano. HTML e CSS 0
asevenx struttura DIV realizzata con float: left che si spezza HTML e CSS 3
asevenx div che non si estende oltre il flot:left HTML e CSS 11
W Link che apre un div non funzionante HTML e CSS 7
metalgemini div affiancato che finisce sotto l'altro HTML e CSS 2
S semplice link che però non compare dentro ad un DIV HTML e CSS 3
V aiuto dreamweaver, div che scorre HTML e CSS 0
A testi che appaiono in un div Javascript 3
G div main che non copre tutta la pagina HTML e CSS 2
emanuelevt testo che si adatta al div HTML e CSS 1
G Div che non si vedono HTML e CSS 1
M Div con immagini ai bordi: IE aggiunge 4pixel in +! (FF perfetto). Che sarà? HTML e CSS 4
Artemisia Div che slittano verticalmente HTML e CSS 5
Y div che non segue il resto della pagina HTML e CSS 3
M Animazione flash che riempie l'intero <div> come fare?? Flash 3
MattiaBergomi [DIV e CSS] Far contenere ad un Div un immagine senza che esca dai margini HTML e CSS 9
S Div che segue la barra di navigazione,come?? Javascript 2
G altezza di un div che contiene 2 div float:left HTML e CSS 6
I DIV che appaiono diversamente su IE e FireFox. HTML e CSS 1
P riuscire a porre due div sulla stessa orizzontale senza che vadano a capo HTML e CSS 1
E Creare un testo trasparente dietro un div HTML e CSS 5
F Div position: fixed si deve fermare quando raggiunge un altro div, oppure deve scomparire. Soluzioni? Javascript 0
M Accordion menu e posizione div HTML e CSS 0
P jquery refresh div non funziona Javascript 0
P refresh div + scrittura/lettura dal db Javascript 1
napuleone div centrato alla pagina posto sopra ai contenuti HTML e CSS 1
M Unire 2 funzioni per l'invio di un form e con l'apertura di un div Javascript 0
Cosina Nascondere div di default jQuery 2
napuleone modificare il contenitore di un div Javascript 2
napuleone modificare il contenitore di un div Javascript 1
A inserire variabile php colore in div html PHP 2
J Far comparire e scomparire un div con un select Javascript 1
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
Stefano Migotto Creazione di un div con php o js PHP 9
felino Bootstrap alert: usare lo stesso div per due messaggi consecutivi jQuery 1
S Visibilità div in PHP PHP 1

Discussioni simili