Ergebnis 1 bis 3 von 3

Thema: Webseite mit fixer Linkliste und fixem Hintergrundbild

  1. #1
    HTML Newbie
    Registriert seit
    22.09.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Webseite mit fixer Linkliste und fixem Hintergrundbild

    Im angehängten Bild ist eine potentielle HTML-Seite abgebildet, die ich mir so wie im Bild vorstelle.

    Die Linkliste soll links unter dem roten Rahmen angeordnet sein und fix sein.

    Das rote Hintergrundbild sollte immer zentriert sein und sich ebenfalls nicht mitverschieben.

    Nur der Inhalt, der immer in den Hintergrund passen soll, soll scrollbar sein.

    Beim verschieben und skalieren des Browserfensters, soll die Anordnung immer gleich bleiben:

    Linkliste unter dem roten Hintergrundbild-Rahmen

    Inhalt innehalb des Hintergrundbildes


    Ich habe schon verschiedenes versucht mit CSS, Tabellen, etc. Immer passt
    etwas nicht. Entweder ragt der Inhalt über das Hintergrundbild hinaus, oder beim Verschieben des Fensters bleibt das Fenster zentriert, der Text aber verschiebt sich. Oder es treten andere Probleme auf.

    Anbei mein css-Code:

    Code:
    div#main {
    position: absolute;
    font-family:Trebuchet MS;
    
    }
    
    
    div#link {
    color:#B51E23;
    font-size:120%;
    }
    
    div#linklist {
    font-family:Trebuchet MS ;
    position:fixed;
    text-align:left;
    padding-top:15%;
    padding-left:30%;
    }
    div#content {
    font-family:Trebuchet MS ;
    padding-top:15%;
    position:absolute;
    text-align:left;
    }
    div#linklist steht für die Linkliste, die links unter dem roten Rahmen zu sehen ist

    div#content steht für den Inhalt, der im Hintergrundbild eingebettet ist/sein soll.

    div#main geht über den ganzen <body>-Inhalt


    Bitte um konstruktive Tipps und Vorschläge. Am besten wäre Beispielcode mit dem angehängten Bild.

    LG
    padding-top
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!
    Angehängte Grafiken Angehängte Grafiken

  2. #2
    Samurai Avatar von Bleistift
    Registriert seit
    20.03.2012
    Alter
    21
    Beiträge
    235
    Danke
    0
    Bekam 4 mal "Danke" in 4 Postings

    Standard AW: Webseite mit fixer Linkliste und fixem Hintergrundbild

    Am besten einen main-container erstellen mit diesem Hintergrund bild.
    Anweisungen:
    margin-left: auto;
    margin-right: auto;
    width: bildbreite;
    height: bildhöhe;
    background: url('path') no-repeat 0 0 scroll;

    Dann hängste das menue einfach als absatz links an den Rand des main-containers und für den context machste ein neues element mit floar:right; und overflow: scroll; (margin-top: höhe des roten abschnitts


  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    22.09.2012
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Webseite mit fixer Linkliste und fixem Hintergrundbild

    Vielen Dank für deine Antwort


    Zitat Zitat von Bleistift Beitrag anzeigen
    Dann hängste das menue einfach als absatz links an den Rand des main-containers
    Wie meinst du das mit "als Absatz"?

Ähnliche Themen

  1. Tabellenproblem mit fixer und dyn. Zellenbreite
    Von hardy im Forum HTML & CSS Forum
    Antworten: 6
    Letzter Beitrag: 01.10.2007, 18:42
  2. HTML-Liste mit fixem Header erstellen
    Von Gawan im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 0
    Letzter Beitrag: 13.05.2007, 11:46
  3. Wie stelle ich ein eigenes Hintergrundbild in die Webseite?
    Von Diana im Forum Forum für Grafiken und Bildbearbeitung
    Antworten: 4
    Letzter Beitrag: 08.03.2007, 21:56
  4. Liste mit fixem Header erstellen
    Von MarieLouise im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 24.10.2006, 19:12
  5. linkliste
    Von unique im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 16
    Letzter Beitrag: 02.06.2004, 23:35

Stichworte

Berechtigungen

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