div id="contents

  • Hallo,
    ich möchte für mein Freundin zum Geburtstag eine kleine Seite einrichten und über diesen Weg Ihr alles Gute Wünschen.


    Leider bekomme ich den Text nicht in Center Geschrieben.
    Hier mal mein Code:


    Zitat
    • <html>
    • <head>
    • <title>Happy Birthday</title>
    • <style type="text/css">
    • body {margin:0px; color:#fff; font-weight:bold;}
    • #bg_image {
    • width: 100%;
    • height: 100%;
    • left: 0px;
    • top: 0px;
    • position: absolute;
    • z-index: 0;
    • }
    • #contents {
    • z-index: 1;
    • position: absolute;
    • }
    • </style>
    • </head>
    • <body>
    • <!-- this creates the background image -->
    • <div id="bg_image">
    • <img src="1.jpg" style="width: 100%; height: 100%;">
    • </div>
    • <!-- this puts the contents of the page ontop of the background image -->
    • <div id="contents">
    • TEST
    • </div>
    • </body>
    • </html>



    TEST soll Zentriert sein, aber ich bekomme das nicht hin [Blockierte Grafik: http://www.html.de/styles/default/xenforo/clear.png]
    <div align="center"> oder <center> geht nicht.


    Wäre euch sehr dankbar wenn ihr mir helfen könntet.


    Mfg

  • Was sollen denn die ganzen position-Angaben, die sind nicht erforderlich.


    Versuche es mal mit


    #contents {
    width: 800px;
    margin: 0 auto;
    }


    Dabei die Breite nach deinen Wünschen anpassen


    Und den Hintergrund solltest du auch als Hintergrund im Body einbauen.

  • Link zur Seite??


    - - - Aktualisiert - - -


    Auszug aus den Forenregeln:


    Zitat

    Inhalt von Beiträgen:
    [FONT=Verdana, Arial, Helvetica, sans-serif]Forum-Hilfe behält sich das Recht vor, jederzeit Beiträge zu löschen, zu verschieben oder zu überarbeiten, die nicht den Forumsregeln entsprechen. Dies geschieht ohne vorherige Information des Verfassers. Die User ist alleine für die von ihnen publizierten Inhalte (Texte; Bilder oder andere Veröffentlichungen) verantwortlich und bestätigt auch damit, das er keine Copyrightgeschütze Werke und Texte hier im Forum veröffentlicht.
    Verboten oder auch unerwünscht sind folgende Inhalte:
    [/FONT]

    • [FONT=Verdana, Arial, Helvetica, sans-serif]extrem politisch oder religiös orientierte Postings [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]strafbare, pornographische, jugendgefährdende, beleidigende oder ehrverletzende Inhalte[/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Warez oder fremde copyrightgeschütze Werke [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]E-Mail Adressen [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Songtexte [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]persönliche Angaben wie Telefonnummern, Adressen usw (diese bitte per PN austauschen) [/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]oder anderweitig inakzeptabel Postings, die hier nicht erfasst wurden, aber gegen geltendes Recht, die guten Sitten, allgemeines Moralempfinden oder eben gegen die Forenregeln verstossen.[/FONT]
    • [FONT=Verdana, Arial, Helvetica, sans-serif]Crosspostings - die gleiche Frage in mehreren anderen Foren gleichzeitig stellen[/FONT]
  • Ich habe den Quelltext mal etwas umgeschrieben, sodass nun wie gewünscht der Text zentriert oben im Viewport dargestellt wird. Das Bild ist jetzt als Hintergrundgrafik mit CSS eingefügt.