royalholland
Grünschnabel
Als relativer HTML- / CSS-Neuling möchte ich ein GIF in einem Frame zentrieren. Bei Vergrößerung bzw. Verkleinerung dieses Frames (z.B. bei unterschiedlichen Bildschirmgrößen) soll dieses GIF immer im Zentrum dieses Frames bleiben. Dieses frame ist eins von dreien (und zwar das kleinste), aber diese Info ist wohl irrelevant!
Nun "wandert" das GIF inzwischen zwar bei der Veränderung der Framegröße mit, aber es bleibt nicht im Zentrum. Ich dachte, mit "position" und Prozentwerten das beste Ergebnis erzeilen zu können, aber leider bleibt das GIF (wie schon gesagt) bei einem ganz kleinem Frameformat nicht im Zentrum.
Anfangs meinte ich, dass "top:50%; left:50%;" das GIF zentrieren würde, aber vermutlich wird für die Positionierung die linke obere Ecke des GIF als Ausgangspunkt genommen (?) und deswegen habe ich die Prozentwerte angepasst, damit es wenigstens optisch zentriert aussieht:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>---------------</title>
</head>
<body style="margin:0; padding:0; background-color:#000000;">
<div style="position:absolute; top:40%; left:40%;">
<img src="graphics/MADA0001.gif" width="128" height="86" alt="National banner of Madagascar">
</div>
</body>
</html>
Nun "wandert" das GIF inzwischen zwar bei der Veränderung der Framegröße mit, aber es bleibt nicht im Zentrum. Ich dachte, mit "position" und Prozentwerten das beste Ergebnis erzeilen zu können, aber leider bleibt das GIF (wie schon gesagt) bei einem ganz kleinem Frameformat nicht im Zentrum.
Anfangs meinte ich, dass "top:50%; left:50%;" das GIF zentrieren würde, aber vermutlich wird für die Positionierung die linke obere Ecke des GIF als Ausgangspunkt genommen (?) und deswegen habe ich die Prozentwerte angepasst, damit es wenigstens optisch zentriert aussieht:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>---------------</title>
</head>
<body style="margin:0; padding:0; background-color:#000000;">
<div style="position:absolute; top:40%; left:40%;">
<img src="graphics/MADA0001.gif" width="128" height="86" alt="National banner of Madagascar">
</div>
</body>
</html>
