✔ Website mit linkem und rechtem Rahmen

Status
Nicht offen für weitere Antworten.
S

sunflower84

Erfahrenes Mitglied
Hallo Leute

Ich habe schon ein paar Websites gemacht, weiss aber nicht wie folgendes funktioniert:
Ich möchte gerne eine Website machen die ungefähr so aussieht:
http://www.maxx-marketing.net/de/philosophie/
Also in der Mitte die Hauptseite und links und rechts einen farbigen Rand. Das ganze aber ohne Frames.
Ich habe das auch schon hin bekommen weiss aber nicht ob man das so wirklich macht. Ich habe eine Hintergrundfarbe genommen und dann einfach in die Mitte mal um zu gucken wie es aussieht ein Bild hin gemacht. Es sieht genau so aus. Aber ich bekomme jetzt das Problem das ich die Hauptseite in der Mitte gerne weiss und nicht blau möchte.
Es soll natürlich auch auf jedem gängigen Browser und jeder Bildschirmauflösung gleich aussehen.
Wie funktioniert denn so etwas?
Ich weiss das das mit CSS gehen soll aber wie?

Lg
Sunflower
 
Zuletzt bearbeitet:
Hier mal ein Beispiel, zum Zentrieren mit CSS:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<meta http-equiv="Content-Type" 
    content="application/xhtml+xml; charset=UTF-8" />
<title>Beispiel: Zentriert</title>
<style type="text/css" media="all">
    body {
        margin:0;
        padding:0;
        background:blue;
    }
    #container {
        width:700px;
        margin:0 auto;
        padding:0 10px;
        background:white;
    }
    #title {
        margin: 0 0 20px 0;
        padding:10px 0 0 0;
    }
</style>
</head>
<body>
<div id="container">
<h1 id="title">Ein Beispiel</h1>
<p>Nulla vel nunc.
    Vestibulum ante ipsum primis in faucibus orci luctus et
    ultrices posuere cubilia Curae; Integer at dolor.
    Mauris eleifend condimentum ligula.
    Nullam sed velit eget orci egestas facilisis.
    Praesent aliquet diam in neque. Aenean a enim.
    Donec nec augue eu arcu ornare euismod.
    Integer vel arcu. In non nisi. Duis ac ligula.
    Maecenas auctor arcu id magna.
    Praesent quam neque, porta at, tempus vel,
    aliquet in, sapien.
    Mauris et est. Sed nisi velit, dignissim ullamcorper,
    tincidunt vitae, iaculis sit amet, purus.
    Fusce enim dui, eleifend in, dignissim vitae, lobortis
    at, arcu.
    Praesent egestas pharetra leo.
    Ut condimentum leo et orci.</p>
<p>Nulla vel nunc.
    Vestibulum ante ipsum primis in faucibus orci luctus et
    ultrices posuere cubilia Curae; Integer at dolor.
    Mauris eleifend condimentum ligula.
    Nullam sed velit eget orci egestas facilisis.
    Praesent aliquet diam in neque. Aenean a enim.
    Donec nec augue eu arcu ornare euismod.
    Integer vel arcu. In non nisi. Duis ac ligula.
    Maecenas auctor arcu id magna.
    Praesent quam neque, porta at, tempus vel,
    aliquet in, sapien.
    Mauris et est. Sed nisi velit, dignissim ullamcorper,
    tincidunt vitae, iaculis sit amet, purus.
    Fusce enim dui, eleifend in, dignissim vitae, lobortis
    at, arcu.
    Praesent egestas pharetra leo.
    Ut condimentum leo et orci.</p>
</div>
</body>
</html>
Gruß hpvw
 
sunflower84 hat gesagt.:
Ich weiss das das mit CSS gehen soll aber wie?
Zum Vergrößern anklicken....
Und wieso stellst du deine Frage dann nicht im CSS-Forum?

Wie sich ein zentriertes Layout mit CSS realisieren lässt, hat dir hpvw anhand eines Beispiels schon gezeigt, also schiebe ich den Thread noch in das entsprechende Forum ... ;)
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück