div margine sinistro non fluttuante

[welcome14]

Ciao a tutti,
mi ritrovo davanti ad un problema molto molto strano!
ho creato una pagina dove ho inserito un immagine di sfondo nel body, immagine centrata correttamente e dinamica in base alla risoluzione. fino a tutto ok!
ho dovuto creare un contenitore principale dove inserire il sito vero e proprio e nel css ho scritto:

.contenitore{
	width: 914px;
	height:612px;
	left:50%; 
top:50%; 
margin-left:-457px; 
margin-top:-250px; 
position:absolute;
	
}

in poche parole se io vado a ridimensionare la finestra del browser la parte alta e la parte sinistra del div "contenitore" vanno a sparire e non è possibile visualizzarle neanche tramite la barra di scorrimento!
all'interno del div "contenitore" c'è anche un div "centrale

.centrale{ 
float:left; 
width:914px; 
height:514px; 
background-image:url(../grafica/scarpello-centrale.png); 
background-repeat:no-repeat; 
}

perchè succede questo?? dove sbaglio???

[mucu]

Originariamente inviato da welcome14
perchè succede questo?? dove sbaglio???

.contenitore{
	width: 914px;
	height:612px;
	left:50%; 
top:50%; 
margin-left:-457px; 
margin-top:-250px; 
position:absolute;
	
}

hai usato un metodo discutibile per centrare
dovevi usare un classico margin: 0 auto

[welcome14]

hai usato un metodo discutibile per centrare
dovevi usare un classico margin: 0 auto

ho già provato a fare così ma non si allinea! il div rimane attaccato al margine sinistro e superiore della pagina!
ed eliminando il tag "position" il div si centra orizzontalmente ma rimane sempre incollato al margine superiore!

[mucu]

Originariamente inviato da welcome14
eliminando il tag "position" il div si centra orizzontalmente ma rimane sempre incollato al margine superiore!

ma è alto 612px
tutto sto problema di centratura verticale non lo vedo

[welcome14]

Originariamente inviato da mucu
ma è alto 612px
tutto sto problema di centratura verticale non lo vedo

appunto perchè è piccolo si nota, se era più lungo non si poneva questo problema,si andavano a formare le barre di scorrimento e il problema non esisteva, invece se è più piccolo dell'altezza della finestra il problema è molto evidente!

[mucu]

continuo a non condividere le tue idee, ma non abbiamo neanche parlato di target dei visitatori, quindi te le rispetto
ecco alcuni esempi alternativi
http://www.noobcube.com/tutorials/ht...inners-guide-/
http://www.jakpsatweb.cz/css/css-ver...-solution.html

[welcome14]

Originariamente inviato da mucu
continuo a non condividere le tue idee, ma non abbiamo neanche parlato di target dei visitatori, quindi te le rispetto
ecco alcuni esempi alternativi
http://www.noobcube.com/tutorials/ht...inners-guide-/
http://www.jakpsatweb.cz/css/css-ver...-solution.html

dopo aver postato qui, ho provato a fare "margin:0 auto" e il risultato è stato quello del div incollato al lato superiore!
c'è un modo per centrare un div al centro della pagina?
In ogni caso Grazie per il tempo che mi stai dedicando!

[mucu]

esistono molte tecniche
io ti ho postato vari esempi, studiali
ma ripeto ne esistono tante e tu devi semplicemente adottare quella che ti è più congeniale
chiaro che qualche prova la devi fare