Alternate 4

HTML Webseite mit Rahmen

orbit

Ensign
Registriert
Dez. 2004
Beiträge
253
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.
 

Anhänge

  • bild.png
    bild.png
    9,9 KB · Aufrufe: 194
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).
 
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.
 
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.
 
Zuletzt bearbeitet:
Zurück
Oben