Hallo zusammen,
ich habe von einer Freundin eine HTML Datei bekommen, mit der sie sich eine Website gebaut hat.
In dieser HTML Datei hat sie anhand von Dreamweaver (so ihre aussage) mit div-Containern gearbeitet.
Nun fragte sie mich, ob ich es hinbekommen würde die komplette Seite zu zentrieren.
Da ich mich viel mit HTML und PHP beschäftige, hab ich die Datei angenommen und wollte ihr helfen.
Allerdings bekomme ich die Seite nicht zentriert.
Der Code im <body> Bereich sieht folgendermaßen aus:
Und nun ist meine Frage, wie ich die Seite zentriert bekomme. Ich hab es bereits mit den einfachen <center>-Tags, Einer Tabelle drumherum und einem <div>-Container drumherum versucht. Leider hat alles nichts gebracht. Und aus dem Grund wende ich mich an Hilfe von euch.
Ich hoffe, mir kann da jemand helfen!
Mit freundlichen Grüßen
Jings
ich habe von einer Freundin eine HTML Datei bekommen, mit der sie sich eine Website gebaut hat.
In dieser HTML Datei hat sie anhand von Dreamweaver (so ihre aussage) mit div-Containern gearbeitet.
Nun fragte sie mich, ob ich es hinbekommen würde die komplette Seite zu zentrieren.
Da ich mich viel mit HTML und PHP beschäftige, hab ich die Datei angenommen und wollte ihr helfen.
Allerdings bekomme ich die Seite nicht zentriert.
Der Code im <body> Bereich sieht folgendermaßen aus:
HTML:
<body style="padding : 0px; margin : 0px; height : 100%; width : 100%; overflow : auto; align :center; bgcolor=; background-color: #000000;"#FFFFFF" onLoad="MM_preloadImages('html/pics.jpg','html/friends.jpg','html/contact.jpg','html/guestbook.jpg','html/about.jpg')">
<div class="Stil1" id="tmfr1c1" style="position:absolute; left:199px; top:5px; width:684; height:176; z-index:1; visibility:visible;"><img src="image/index_o.jpg" width="684" height="176" border="0"></div>
<div class="Stil1" id="tmfr2c1" style="position:absolute; left:50px; top:5px; width:149; height:814; z-index:2; visibility:visible;"><img src="image/index_l.jpg" width="149" height="814" border="0"></div>
<div class="Stil1" id="tmfr3c2" style="position:absolute; left:199px; top:181px; width:115; height:465; z-index:3; visibility:visible;"><a href="indexwillkommen.html" target="_self"><img src="image/index_willkommen.jpg" width="115" height="465" border="0"></a></div>
<div class="Stil1" id="tmfr7c3" style="position:absolute; left:883px; top:785px; width:149; height:34; z-index:4; visibility:visible;"><a href="indeximpressum.html" target="_self"><img src="image/index_impressum.jpg" width="149" height="34" border="0"></a></div>
<div class="Stil1" id="tmfr8c3" style="position:absolute; left:199px; top:646px; width:684; height:173; z-index:5; visibility:visible;"><img src="image/index_u.jpg" width="684" height="173" border="0"></div>
<div class="Stil1" id="tmfr9c3" style="position:absolute; left:659px; top:181px; width:115; height:465; z-index:6; visibility:visible;"><a href="indexkontakt.html" target="_self"><img src="image/index_kontakt.jpg" width="116" height="465" border="0"></a></div>
<div class="Stil1" id="tmfr10c3" style="position:absolute; left:314px; top:181px; width:115; height:465; z-index:7; visibility:visible;"><a href="html/gallery.html" target="haupt"><img src="image/index_galerie.jpg" width="115" height="465" border="0"></a></div>
<div class="Stil1" id="tmfr11c3" style="position:absolute; left:429px; top:181px; width:115; height:465; z-index:8; visibility:visible;"><a href="indexleistungen.html" target="_self"><img src="image/index_leistungen.jpg" width="115" height="465" border="0"></a></div>
<div class="Stil1" id="tmfr12c3" style="position:absolute; left:544px; top:181px; width:115; height:465; z-index:9; visibility:visible;"><a href="indexgaestebuch.html?id=1118792" target="_self"><img src="image/index_gaestebuch.jpg" width="115" height="465" border="0"></a></div>
<div class="Stil1" id="tmfr15c10" style="position:absolute; left:883px; top:5px; width:149; height:780; z-index:10; visibility:visible;"><a><img src="image/index_r.jpg" width="149" height="780" border="0"></a></div>
<span class="Stil1" style="position:absolute; left:775px; top:181px; width:108; height:465; z-index:11; visibility:visible;"><a href="indexlinks.html" target="_self"><img src="image/index_links.jpg" width="108" height="465" border="0"></a></span>
</body>Und nun ist meine Frage, wie ich die Seite zentriert bekomme. Ich hab es bereits mit den einfachen <center>-Tags, Einer Tabelle drumherum und einem <div>-Container drumherum versucht. Leider hat alles nichts gebracht. Und aus dem Grund wende ich mich an Hilfe von euch.
Ich hoffe, mir kann da jemand helfen!
Mit freundlichen Grüßen
Jings
