Ergebnis 1 bis 4 von 4

Thema: Spalten mit Hintergrundbild und scrollbaren Mittelteil

  1. #1
    Teeny
    Registriert seit
    31.10.2006
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Spalten mit Hintergrundbild und scrollbaren Mittelteil

    Versuche mich gerade an einer Seite die aus 3 Spalten besteht. links und rechts sollen die Spalten mit einer Hintergrundgrafik versehen sein, der Mittelteil, wo der Text stehen soll sollte Scrollbar sein und eine feste % Höhe wenn das möglich ist?!
    Hab nu schon ein wenig gegoogelt aber irgendwie werd ich daraus nicht schlau bisher und das was ich probiert habe hat nur dazu geführt daß das Hintergrundbild in die Mitte verrutscht war.
    Hier mal der Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Unbenanntes Dokument</title>
    <style type="text/css">
    body {
    margin: 0px ;
    padding: 0px;
    background-color: #0080c0;
    }
    #links {
    float: left;
    width: 17%;
    height: 800px;
    background-color: #ffcc00;
    }
    #rechts {
    float: right;
    width: 17%;
    height: 800px;
    background-color: #ffcc00;
    }
    #inhalt {
    float: left;
    width: 62%;
    margin: 7% 2%;
    background-color: #ffffc6;
    }
    p.back {
    clear: both;
    text-align: center;
    }

    </style>

    <body>
    <div id="links">Hintergrundbild</div>
    <div id="inhalt">Dieser Teil soll scrollbar sein und eine % Höhe haben!</div>
    <div id="rechts">Hintergrundbild</div>
    <p class="back"></p>

    </body>

    Hoffe mir kann jemand nen Tip geben

    Gruß Cali
    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 !!!!!

  2. #2
    Forum Guru Avatar von synaptic
    Registriert seit
    20.06.2007
    Ort
    Butzbach-Wiesental
    Beiträge
    10.901
    Danke
    45
    Bekam 48 mal "Danke" in 46 Postings
    Blog-Einträge
    1

    Standard

    gib dem scrollbaren bereich nen overflow:auto;
    als style mit auf den weg
    KEIN support via pn, email, messenger oder falsch geposteten threads
    Futter für deine Schnuffelzwerge gibts bei den Schnuffelzwergen TOP Qualität, also klicken und kaufen

  3. #3
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Wenn du eine feste Prozenthöhe willst, dann muss sich der Prozentwert auf ein übergeordnetes Element (Basis) beziehen. Deshalb solltest du dann auch für body und html 100% height definieren.

    Bei deinem #inhalt hinterlege noch ein "display: inline;" sonst macht der IE 6 Mucken.

  4. #4
    Teeny
    Themenstarter

    Registriert seit
    31.10.2006
    Beiträge
    20
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ah hat geklappt fein danke auch

Ähnliche Themen

  1. komisches problem mit spalten
    Von 3Tbles im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 03.06.2007, 19:49
  2. Mit div und css eine Tabelle mit 2 Spalten
    Von Devent im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 20.10.2006, 09:01
  3. 2 spalten mit float & footer
    Von phore im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 14.03.2006, 17:04
  4. Tabellenfrage - Fixieren von Spalten
    Von kensworld im Forum HTML & CSS Forum
    Antworten: 12
    Letzter Beitrag: 10.02.2006, 21:02
  5. Seite in 2 Spalten trennen!!
    Von huhn7 im Forum HTML & CSS Forum
    Antworten: 13
    Letzter Beitrag: 11.03.2005, 20:29

Stichworte

Berechtigungen

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