Centrare con il padding

[Braco]

Dovrei far uscire una scritta di preload esattamente in mezzo alla foto che apparira a video, siccome che le foto sono sia quadrate che rettangolari non riesco a centrare la scritta.
Sto provando con padding ma non centra la frase "attendere" in automatico

CSS:

#dd1-fabio{
width:auto;
height:auto;
padding:25% 25% 25% 25%;
position:absolute;
}

Home:

<table summary="">
<tr valign="top">
<td width="$imageWidth">

<div id="dd1-fabio">
<span class="preload-fabio">Attendere...</span>
</div>

[img]$imagePath[/img]
</td>
</table>

[ricman]

Ma vuoi che la scritta si sovrapponga alla foto? (potrebbe non leggersi...)

[Braco]

Originariamente inviato da ricman
Ma vuoi che la scritta si sovrapponga alla foto? (potrebbe non leggersi...)

No, la scritta deve apparire fintanto che la foto si carica, poi quando appare la foto la scritta deve scomparire

[ricman]

Originariamente inviato da Braco
No, la scritta deve apparire fintanto che la foto si carica, poi quando appare la foto la scritta deve scomparire

Non ho mai provato e ora non ho codice da passarti... però potresti provare con lo z-index mettendo il div con la scritta al livello più basso e quello con la foto "più sopra". Quando la foto carica si dovrebbe mettere sopra la scritta

[Braco]

Originariamente inviato da ricman
Non ho mai provato e ora non ho codice da passarti... però potresti provare con lo z-index mettendo il div con la scritta al livello più basso e quello con la foto "più sopra". Quando la foto carica si dovrebbe mettere sopra la scritta

Ho provato con z-index ma è uguale, il problema non è la scritta che scompare dopo il caricamento, il problema è centrarla esattamente in altezza e larghezza in mezzo alla foto che si caricherà

[ricman]

Originariamente inviato da Braco
Ho provato con z-index ma è uguale, il problema non è la scritta che scompare dopo il caricamento, il problema è centrarla esattamente in altezza e larghezza in mezzo alla foto che si caricherà

Questa tecnica centra un box in una pagina... Puoi adattarla alla tua situazione?

#main {
	position: absolute; top:50%; left:50%;
	height:440px;
	width: 880px;
	margin: -220px 0px 0px -440px;
	padding: 0px;
}

[Braco]

Originariamente inviato da ricman
Questa tecnica centra un box in una pagina... Puoi adattarla alla tua situazione?

#main {
	position: absolute; top:50%; left:50%;
	height:440px;
	width: 880px;
	margin: -220px 0px 0px -440px;
	padding: 0px;
}

Ho risolto in questo modo http://photoman.altervista.org/fabio-out/index.html