Ergebnis 1 bis 2 von 2
  1. #1
    CyberBoy96 ist offline Grünschnabel
    registriert
    23-06-2009
    Beiträge
    4

    CSS-Menü bis zum Seitenende

    Liebe Forummitglieder,

    ich sitze nun schon mehr als zwei Stunden vor folgendem Problem: Ich habe ein CSS-Menü erstellt mit diesem Code:
    HTML-Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <style type="text/css"> 
    #menu {
            background: #333;
            float: left;
            list-style: none;
            margin-left: -208px;
            margin-top: -8px;
            padding: 0;
            width: 200px;
    }
    #menu li {
            font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
            margin: 0;
            padding: 0;
    }
    #menu a {
            background: #333;
            border-bottom: 1px solid #393939;
            color: #ccc;
            display: block;
            margin: 0;
            padding: 8px 12px;
            text-decoration: none;
    }
    #menu a:hover {
            background: #2580a2 url("images/hover.gif") left center no-repeat;
            color: #fff;
            padding-bottom: 8px;
            #menu a:active {
            background: #2580a2 url("images/hover.gif") left center no-repeat;
            color: #fff;
            padding-bottom: 8px;
            }
    </style></head>
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" style="margin-left: 200px">
    <ul id="menu"><li><a href="Home.html" target="_self" title="Home">Home</a></li></ul></body>
    </html>
    Dies funktioniert auch einwandfrei. Doch jetzt habe ich unter dem Menü bis zum Seitenende einen 200 Pixel breiten Rand. Doch ich möchte diesen Rand mit der gleichen Farbe des Menüs füllen, denn das sieht besser aus.

    Ich hoffe, jemand weiß einen guten Rat.

    Danke schonmal im Voraus
    MfG CyberBoy96

  2. #2
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    07-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: CSS-Menü bis zum Seitenende

    Falls ich dein Anliegen richtig verstanden habe:
    Habe hier mal was geändert/ergänzt:
    PHP-Code:
    htmlbody {
        
    height:100%;
        
    margin0;
        
    padding0;
    }
    #menu {
        
    background#333;
        
    floatleft;
        list-
    stylenone;
        
    margin0;
        
    padding0;
        
    width200px;
        
    height100%;

    Dann frage ich mich, was das hier woll soll?
    PHP-Code:
    <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000" style="margin-left: 200px"
    Jedenfalls hab ich mal die Styleangabe 'margin-left:200px' entfernt, damit mein CSS-Vorschlag passt. Und was da sonst noch drin steht, gehört auch ins CSS.


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

Ähnliche Themen

  1. JS Menü
    Von slosd im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 02-04-2006, 19:59
  2. Css und Html Problem bei Menü
    Von grazioli im Forum CSS und (X)HTML
    Antworten: 0
    Letzter Beitrag: 22-02-2006, 00:15
  3. CSS Menü soll nicht neu geladen werden
    Von wandgucker im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 13-02-2006, 15:52
  4. Aufgeklapptes Menü auf nächste Seite übernehmen
    Von MrFreeze im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 31-01-2006, 20:14
  5. css menü unterschiedliche ansicht in verschiedenen browsern ;o(
    Von easymoments im Forum CSS und (X)HTML
    Antworten: 2
    Letzter Beitrag: 23-01-2005, 00:17

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •