<td style... kann Ziel nicht erreichen

Status
Nicht offen für weitere Antworten.

croque-monsieur

Grünschnabel
huhu,

will ein splash in die mitte des browsers platzieren und will das wie folgt realisieren:
Code:
<table width="100%" height="100%">
<td>
<tr>
<td style="padding?.........">
</tr>
</td>
</table>

was muss ich da machen, damit das bild(klein) genau in der mitte ist, egal wie gross das fenster nacher ist?

wie man es mit html macht und so weiss ich, hätte aber lieber die lösung mit td style.

mfg

croque.
 
Hat die Grafik eine feste Grösse?


CSS-Code für horizontal und vertikal zentrierte Grafik:
Code:
img
{
position: absolute;
left: 50%;
width: 200px;
margin-left: -100px; /* negative Hälfte von width:200px = horizontal zentriert */
top: 50%;
height: 100px;
margin-top: -50px; /* negative Hälfte von height:100px = vertikal zentriert */
}
HTML:
<body>

<img src="" alt="">

</body>
 
Anmerkung: das Element kann auch relativ positioniert werden.

Code:
img
{
position: relative;
left: 50%;
width: 200px;
margin-left: -100px; /* negative Hälfte von width:200px = horizontal zentriert */
top: 50%;
height: 100px;
margin-top: -50px; /* negative Hälfte von height:100px = vertikal zentriert */
}

Wenn mein Lösungsvorschlag weitergeholfen und deine Frage beantwortet hat, dann kannst du das Thema bitte als 'Erledigt' markieren (siehe auch Signatur).

Vielen Dank ;)
 
Zuletzt bearbeitet von einem Moderator:
Status
Nicht offen für weitere Antworten.
Zurück