• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[GELOEST] Rand links und rechts

xXplayjokerXx

Neues Mitglied
Hallo zusammen,
ich muss in Informatik eine Internet Seite erstellen und ich möchte einen dunkelroten Hintergrund links und rechts. In der mitte möchte ich einen schwarzen Hintergrund mit weißer Schrift drauf. Könnte mir da jemand helfen?
Vielen Dank im voraus.
MfG
 
Werbung:
Werbung:
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="generator" content="PSPad editor, www.pspad.com">
  <link rel="stylesheet" href="format2.css">
  <title>Seitenname</title>
  </head>
    <body>
        <h1><font color="white"> text text text</font></h1>
        <div id="blackRow">&nbsp;</div>
  </body>
</html>
 
CSS:
h1 {text-align: center;}
body {background-color: #7a010d;
     }
#blackRow {
margin: 0;
padding: 0;
height: 1000px;
width:  500px;

background-color: black;
}
 
Werbung:
Du möchtest doch hoffentlich nicht wirklich HTML 4 verwenden, oder?
HTML:
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Seitenname</title>
  <style>
    h1 { text-align: center; }
    body { background-color: #7a010d; }
    #blackRow {
      margin: 0 auto;
      padding: 0;
      height: 1000px;
      width:  500px;
      background-color: black;
    }
  </style>
  </head>
    <body>
        <h1><font color="white"> text text text</font></h1>
        <div id="blackRow">&nbsp;</div>
  </body>
</html>
 
Du möchtest doch hoffentlich nicht wirklich HTML 4 verwenden, oder?
HTML:
<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Seitenname</title>
  <style>
    h1 { text-align: center; }
    body { background-color: #7a010d; }
    #blackRow {
      margin: 0 auto;
      padding: 0;
      height: 1000px;
      width:  500px;
      background-color: black;
    }
  </style>
  </head>
    <body>
        <h1><font color="white"> text text text</font></h1>
        <div id="blackRow">&nbsp;</div>
  </body>
</html>
Ist etwas falsch damit oder wieso soll ich es nicht benutzen? Wir nutzen halt pspad in der Schule und deshalb nutze ich dieses Programm
 
Werbung:
Noch als Anmerkung: das Entscheidende zum Zentrieren des Inhaltsbereiches war die Angabe "margin: 0 auto;". Der Doctype spielt in dem Fall nicht wirklich eine Rolle für diese Zentrierung.
 
Zurück
Oben