Scrollbarer Mittelteil

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • 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?
    Last edited by cag-live; 16-01-2007, 10: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

    Comment


    • #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

      Comment


      • #4
        oder meinst du so was wie faux frames

        gruß
        peter

        EDIT:
        habe was übersehen, bei #main fehlt ja auch eine höhenangabe
        Last edited by Kropff; 16-01-2007, 10:49.
        Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
        Meine Seite

        Comment


        • #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

          Comment


          • #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

            Comment


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

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

              Comment

              Working...
              X