Hompage fixieren

Hallo,
wir bauen gerade eine Hompage und stecken fest. Wir wollen unsere Page fixieren, so das sich das Bild nicht ständig zusammenzieht, wenn wir das Fenster verkleinern. Es soll eine Feste Grösse beibehalten.

Hier ist unser HTML Code:
[HTML]

Navigation
  • Home
  • Music
  • Photos
  • Videos
  • Radio
  • Dj´s
  • Events
  • Pinnwand
  • </ul>
    
    [/HTML]

    Und hier ist unser CSS:

    [HTML] body {

    font: normal 100.01% Arial;
    color: white; background-color: #FFFFFF;
    

    }

    ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: center;
    border: 0px solid black;
    background-color: #8470FF;
    }
    ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.2em; padding: 0;
    }

    ul#Navigation a, ul#Navigation span {
    padding: 0.1em 1em;
    text-decoration: none; font-weight: 300px;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: white; background-color: #7B68EE;
    }

    }
    ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: white; background-color: 7B68EE;

    }

    [/HTML]

    Gruss Markus und Daniel

Ergänze bei body in der css-Datei einfach „width:900px“ die 900px kannst du natürlich durchen anderen Wert ersetzen. Wenn du die Seite dann noch in der MItte des Bildschirms haben willst, ergänze im body Teil noch dieses: „margin:0 auto“

[HTML]body {
width:900px;
font: normal 100.01% Arial;
color: white; background-color: #FFFFFF;
margin:0 auto;
}[/HTML]
P.s. Am Ende deines HTML-Codes sind zwei schließende

Tags.

Willkommen im Forum.

HTML-Elemente sollten nicht mehr zur Formatierung genutzt werden, sondern nur noch zur semantischen Auszeichnung. Das gilt hier für das font-Element. Besser:

[html]

[/html]

Dazu eine entsprechende CSS-Regel wie beispielsweise: #Navigation li { font-size: smaller; }

vielen dank euch beiden hat geklappt :slight_smile:

kann mir jetzt noch jemand sagen wie ich z balken links und rechts auf die seite bekomme?

z balken?

Wenn du ein 3-spaltiges-Layout meinst, dann google mal danach… sowas macht man mit float.

Zum Beispiel durch das CSS-Attribut border oder die Einbindung eines Hintergrundbildes. Solltest du hingegen Spalten meinen, dann muss das mit float: left formatiert werden. In jedem Falle wäre aber eine Strukturierung über div statt ul anzuraten. Es sein denn, du willlst tatsächlich zwei weitere Listen erstellen.