hi,
also ich hab ein element (in dem fall grafik), das zentriert werden soll und zwar auf browserfenstermitte - egal, ob der betrachter 1280 er oder 1024er o a auflösung hat, das sich quasi den gegebenheiten anpasst.
mit css bin ich bis jetzt nicht dahin gekommen.
einfache lösung möglich?
<body style="margin:0 auto;">...</body>
Zentriert den Inhalt seitlich.
Wie es in der Höhe geht, weis ich leider nicht.
prob:
<body style="margin:0px; padding:0px;">
hab ich da um den hintergrund bis an den fensterrand zu kriegen.
wenn ich das mit "0 auto" mach passiert...nix =)
Hm, wenn nur ein einzelnes Element in der Mitte stehen soll, würd ich javascript vorschlagen.
<script type="text/javascript">
var height = window.outerHeight;
var width = window.outerWidth;
height = height / 2;
width = width / 2;
document.all.bild.style.setAttribute("position", "absolute", false);
document.all.bild.style.setAttribute("top", height, false);
document.all.bild.style.setAttribute("position", width, false);
</script>
</head>
<body>
[img]...[/img]Ist jetzt ungetested, weis nicht obs so funktioniert, könnt aber sein =)
Moin!
Zitat von DarkSyranusIst jetzt ungetested, weis nicht obs so funktioniert, könnt aber sein =)
Das kann aus vielen verschiedenen Gründen nicht funktionieren, du berücksichtigst dabei zu viele Dinge nicht:
- was ist, wenn das Browserfenster nicht auf Vollansicht gestellt ist ?
- was ist mit den Symbolleisten des Browsers, die hast du nicht abgezogen?
- was ist mit dem Bild selbst, die Maße hast du auch nicht berücksichtigt ?
- height und width sind reservierte Begriffe und sollten nicht als variablen verwendet werden !
- wo wird die Grafik bei deaktviertem Javascript angezeigt ? (Antwort: links oben in der Ecke)
Eine funktionierende vertikale Zentrierung ist nur mit Tabellen möglich:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
</head>
<body style="margin:0px;">
<table style="width:100%;height:100%;border:0">
<tr>
<td style="vertical-align:middle;text-align:center;>
[url='verweis.html'][img]deinbild.jpg[/img][/url]
</td>
</tr>
</table>
</body>Bitte keinen anderen Dokumententyp verwenden und nicht den Verweis zur W3C hinzufügen, dann funktioniert es nämlich nicht!
G.a.d.M.
Ronald
Sorry, ich dachte er meinte irgendein Bild über anderen Inhalt zu legen. 