HTML Webseite mit Rahmen

orbit · 3. Februar 2012

Hallo,

ich möchte bei einer Webseite einen Rahmen in der Mitte, in dem der Inahlt der Seite angezeigt wird, aber keinen Hintergrund hat. Der soll außerhalb vom Rahmen sein.
Hab noch ein kleines Bild angehängt. Kann mir jemand sagen wie ich das ich einfachsten umsetzen könnte?

Schonmal danke für Tipps.

Tumbleweed · 3. Februar 2012

Na der Hintergrund ist einfach der background des body und der innere Inhaltsbereich ist ein div mit z.B. weißem Hintergrund oder auch teiltransparentem Hintergrund (egal ob solid color oder ein Bild).

Agratos · 3. Februar 2012

Per css dem body einen Background Geben.
Dann wahlweise einen div mit Backgroundimage
(der weiße Kasten mit transparenten abgerundeten Ecken)
oder alternativ background-color: white, border: 2px solid black,
-moz-border-radius: 8px (und die ganzen Befhle für die anderen Browser + CSS3).

Hier drüfte wohl die erstere Methode mit dem Bild die einfachere sein.

Yuuri · 3. Februar 2012

Code:

<html>
  <head>
    <title></title>
  </head>
  <body style="background: url(./url/zum/hintergrund/bild.jpg);">
    <div style="width: 640px;[B]margin: 0px auto;[/B]background: red;">
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
      inhalt<br>
    </div>
  </body>
</html>

edit: @ Agratos: Mittlerweile reicht border-radius aus, die Präfixe fallen weg. Weiß grad nur nicht beim IE bescheid. FF, Chrome und Opera aber beherrschen es.

orbit · 3. Februar 2012

Danke für Eure Hilfe.

Suche

HTML Webseite mit Rahmen

orbit

Ensign

Anhänge

Tumbleweed

Captain

Agratos

Lt. Commander

Yuuri

Fleet Admiral

orbit

Ensign

Ähnliche Themen