Scrollbarer Mittelteil

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Scrollbarer Mittelteil

    Hi Leute,

    ne kurze und einfach Frage:

    Ich habe ein Haupt-DIV [color=red]main[/color], wo ein Mittelteil [color=red]content[/color] sowie ein rechter Teil [color=red]right[/color] definiert sind. Etwa so:

    PHP-Code:
    <div id="main">

      <
    div id="content">
      {include 
    file=$content}
      
        <
    div id="foot">
        {include 
    file="frontend/index_foot.tpl"}
        </
    div>

      </
    div>

      <
    div id="right">
      {include 
    file="frontend/index_right.tpl"
      </
    div>
      
    </
    div
    Jetzt möchte ich den Mittelteil (also den [color=red]content[/color]) scrollbar, sowie 100% hoch machen. Ich habs mir wiefolgt vorgestellt:

    PHP-Code:
    #main {
      
    display:  block;
      
    left:     135px;
      
    padding:  15px 0 0 15px;
      
    positionabsolute;
      
    top:      75px;
      
    width:    850px;
    }
    #main #content {
      
    height:   100%;
      
    overflowauto;
      
    positionabsolute;
      
    width:    675px;
    }
    ...
    #main #content #foot {
      
    display:    block;
      
    left:       0;
      
    min-width:  675px;       /* IE6 macht alles 2px größer --> Opera und FF kennen min-width, IE6 nicht */
      
    padding:    3px 0 3px 0;
      
    position:   absolute;
      
    text-aligncenter;
      
    width:      673px;
    }
    ...
    #main #right {
      
    display:  block;
      
    positionabsolute;
      
    top:      15px;
      
    left:     705px;
      
    width:    135px;

    Statt des gewollten Zieles hat alles ne Höhe von ca. 10px und ist somit nicht 100% hoch.

    Gedankenansatz falsch?
    Zuletzt geändert von cag-live; 16.01.2007, 11:46.
    visit bepeppered.net

  • #2
    ist somit nicht 100% hoch.
    klassische frage: 100% von was? mal ein
    PHP-Code:
    htmlbody
    {
       
    height100%;

    probiert?

    gruß
    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      Jep. Geht in keinem der 3 Browser (Opera, IE, FF).

      100% von der Seite, d.h. es soll die komplette Seite ausfüllen (bis nach unten an den Rand).

      Mit ner festen Pixelangabe is es kwatsch, da jeder Browser andere Anzeigehöhen hat. Die einzige Variante, die ich grad sehe, ist die Fensterhöhe über JavaScript auszulesen und die CSS-Eigenschaft dahingehend zu ändern.
      visit bepeppered.net

      Kommentar


      • #4
        oder meinst du so was wie faux frames

        gruß
        peter

        EDIT:
        habe was übersehen, bei #main fehlt ja auch eine höhenangabe
        Zuletzt geändert von Kropff; 16.01.2007, 11:49.
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Kommentar


        • #5
          Jeps, sowas aber ohne unteren Balken^^

          So wie du schon Probleme auf deiner Seite hattest:
          Habt ihr euch mal mit "Liquid Columns" in Kombination mit "Faux Frames" beschäftigt?
          visit bepeppered.net

          Kommentar


          • #6
            Jeps, sowas aber ohne unteren Balken
            lass ihn weg.

            peter
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar


            • #7
              Mist, genau das wars, nen
              PHP-Code:
              height100
              bei [color=red]main[/color]

              Super, danke für die schnelle Antwort!
              visit bepeppered.net

              Kommentar

              Lädt...
              X