Schrift geht über den rechten rand des bildes

  • <html>
    <head>
    <title>Browsergame Versuchs Datei</title>
    <style type="text/css">
    body {background-color: #FF0000;}
    body {background-image: url("fussball.jpg");}
    body {width: 1050px;}
    body {background-repeat: no-repeat;}
    body {background-attachment: fixed;}
    body {background-position: 50% 50%;}
    body {text-align: center;}
    body {text-indent: 50px;}
    body {margin-right: 200px;}
    body {margin-top: 50px;}
    body {margin-bottom: 30px;}
    body {margin-left: 70px;}
    </style>
    </head>
    <body>
    <h1>Auf dieser Datei werde ich verschiedene css codes ausprobieren die dann<br>für mein Browsergame benutzt werden sollen</h>
    </body>
    </html>


    so was falsch dran? die schrift geht will zu weit nach rechts ich will doch das sie diese 200px abstand hat sry die frage bin eben noch amateur bin in ca. 20min. zurück um fragen zu beantworten.

  • So macht man das auch nicht.
    Die body-Angabe machst du nur einmal und schreibst alles rein, was einheitlich definiert sein soll und dazu gehört.

    Die weiteren Inhalte schreibst du dann in angeordnete Div's.
    In deinem Fall könntest du sogar gezielt h1 formatieren.

    Versuch's mal so:

    Code
    <body>
    <div id="box1">
    <h1>Auf dieser Datei werde ich verschiedene css codes ausprobieren die dann<br>für mein Browsergame benutzt werden sollen</h1>
    </div>
    </body>
  • lol jetzt versteh ich noch viel wenig welcher code muss den unter welchem namen abgespeichert werden?

  • is doch des gleiche wie deins. du hast zig-mal im css stehen body {...} - brauchst
    aber nicht. statt dessen kopierst einfach des stück aus code 1 rein.

    und des andere kommt halt dann unten in den html bereich. is doch net schwer, oder ?

  • Ok habs hinbekommen ist zwar mit rand und 3Zeilen anstaat 2 die etwas breiter sind aber das bekomme ich bestimmt auch noch allein hin.
    Hoffe ich *grins*

    Ok vielen dank für die schnellen antworten.