Wüsten-Elli: Wie links und rechts neben der Seite einen Rand einfügen?

Meine Homepage soll links und rechts einen farbigen Rand haben.

_______________
| |         | |
| |  Seite  | |
| |         | |
|_|_________|_|

Ich habe das ganze so versucht:

body
{
border-left:80px solid red;
border-right:80px solid red;
}

Leider erscheint dann im Internet-Explorer rechts neben der eigentlichen Seite ein inaktiver Scroll-Balken.

Opera zeigt den Rahmen gar nicht an.

Firbird zeigt den Rand nicht bis ganz unten an, außerdem sind am Bildschirmrand noch kleine weiße Streifen.

Wie kann ich den Rand verwirklichen?

  1. hi,

    Meine Homepage soll links und rechts einen farbigen Rand haben.

    dann definiere für alle inhalte entsprechende seitliche margins, und eine hintergrundfarbe für den body.

    gruss,
    wahsaga

  2. Hi!
    Mach das doch mit einer Tabelle!
    Sonst ein Frameset.
    Gruss,
    Christoph

    1. Hi!

      Mach das doch mit einer Tabelle!
      Sonst ein Frameset.

      Oder, um es gleich ganz richtig zu machen, benutze CSS...

      SCNR ;-)

      viele grüße,
      benni

  3. Hi!

    Einfach so:

    <html>
     <head>
      <style type="text/css">
      .rand {
            border-right:80px solid red;
            border-left:80px solid red;
            }
      </style>
     </head>
     <body>
      <table class="rand">
       <tr>
        <td>
         HIER DER SEITENINHALT
        </td>
       </tr>
      </table>
     </body>
    </html>

    Dottet sieht übrigens auch ganz lustig aus ;)
    Mfg, EmCee

  4. moin,

    Wie kann ich den Rand verwirklichen?

    <div id="rahmen">
      <div id="inhalt">
       inhalt, inhalt, inhalt
      </div>
    </div>

    dem rahmen-div gibst Du margin: auto und das div mit dem inhalt bekommt z.b. breite 80%.

    viel spass

    FrankaB

  5. Hallo Elli,

    _______________
    | |         | |
    | |  Seite  | |
    | |         | |
    |_|_________|_|

    Hübsches Bild. ;-)

    Ich würde das so machen:

    html {
      color:red;           /* Eine rote Hintergrundfarbe */
      text-align:center    /* Nur für den IE nötig */
    }

    body {
      color:white;         /* Eine weiße Hintergrundfarbe */
      margin:0 80px;       /* Kein Abstand nach oben und unten, dafür links und
                              rechts je 80px Abstand, so daß der HTML-Untergrund
                              zu sehen ist */
      text-align:left;    /* Wegen des dämlichen IEs muß die Textausrichtung
                              wieder auf links gesetzt werden */
    }

    Tim

    1. hi,

      html {
        color:red;           /* Eine rote Hintergrundfarbe */

      ich formatiere das html-objekt selbst relativ selten, deshalb weiss ich nicht, ob das hier den gewünschten effekt hat, oder ob du dich nur vertan hast, und für die hintergrundfarbe background-color meintest?
      vermute letzteres, logisch wär's nämlich ansonsten nicht.

      gruss,
      wahsaga

      1. Hallo wahsaga,

        .. oder ob du dich nur vertan hast, und für die hintergrundfarbe
        background-color meintest?

        Natürlich meinte ich die. Danke.

        <ausrede>
        Die Vorlesungen haben wieder begonnen und ich habe gestern den ganzen Tag
        an der Uni verbracht. ;-)
        </ausrede>

        Tim