[Html-CSS] Problema impaginazione div

[digital_brain]

Salve a tutti,
allora ho il seguente problema:sto usando un javascript per una fotogallery di modo che cliccando sulla miniatura si apre nella stessa pagina la foto ingrandita.
La foto ingrandita è controllata dal seguente div:

<div id="showimage" style="position:center; visibility: hidden; overflow: hidden;" visibility:visible;border:0px dashed black"></div>

Al posto di "position:center" mi serve "position:absolute" che permette di visualizzare la foto ingrandita sovrapposta alle miniature.Ma in questo modo la foto ingrandita non mantiene il centro della pagina bensì esce dallo schermo a destra.Per questo ho messo "position:center" che mi mette la foto ingrandita sopra tutte le altre al centro, ma così non mi piace.

Come posso fare per centrare l'immagine sovrapposta?
Grazie!

[oRpo]

come primissima idea mi viene in mente align="center"


<div align="center" id="showimage" style="visibility: hidden; overflow: hidden;" visibility:visible;border:0px dashed black"></div>

position supporta solo come valore relative - absolute - fixed.


EDIT.. scusa ma c'è un errore nella dichiarazione inline degli stili ^^' non me ne ero accorto!

le regole dopo hidden;" andrebbero tolte e poi non ho capito perchè vorresti mettere visibility:visible se prima l'hai settato su hidden...

[digital_brain]

Originariamente inviato da oRpo

come primissima idea mi viene in mente align="center"


<div align="center" id="showimage" style="visibility: hidden; overflow: hidden;" visibility:visible;border:0px dashed black"></div>

position supporta solo come valore relative - absolute - fixed.


EDIT.. scusa ma c'è un errore nella dichiarazione inline degli stili ^^' non me ne ero accorto!

le regole dopo hidden;" andrebbero tolte e poi non ho capito perchè vorresti mettere visibility:visible se prima l'hai settato su hidden...

Ma così va sempre in alto a tutte le altre foto...mi serve absolute per metterla sovrapposta, cioè in primo piano quella ingrandita e dietro le altre piccole...

[oRpo]

Originariamente inviato da digital_brain

Ma così va sempre in alto a tutte le altre foto...mi serve absolute per metterla sovrapposta, cioè in primo piano quella ingrandita e dietro le altre piccole...

come hai provato? puoi postare un pezzo di codice?

edit..

e metti absolute! il codice che ti ho postato prima contiene ancora errori! era solo per farti vedere align=center

[digital_brain]

Originariamente inviato da oRpo

come hai provato? puoi postare un pezzo di codice?

edit..

e metti absolute! il codice che ti ho postato prima contiene ancora errori! era solo per farti vedere align=center

<div align = "center" id="showimage" style="position:absolute; overflow: hidden;" visibility:visible;border:0px dashed black"></div>
<table width="787" height="1756" align="center" cellpadding="3" cellspacing="3">
<tr>
<td width="190" height="196"><div align="absmiddle"><a href="2.jpg"onclick="return enlarge('2.jpg',event)"><img src="2_tn.jpg" width="140" height="190" border="0" /></a></div></td>


Così non cambia niente con o senza "align=center"

[Big Bamboo]

Le proprietà assegnale solo con i css (meglio se in un file separato), quindi niente align et simili. La prima cosa che mi viene in mente per risolvere il tuo problema è mettere un bel margin:auto. Non ho idea del resto del codice, ma di solito con i margini automatici i div si dispongono perfettamente al centro della finestra.

[digital_brain]

niente nemmeno con margin auto....

[Big Bamboo]

potresti postare il codice che a grandi linee viene eseguito? (compresa la struttura della pagina)