Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 16-01-2007, 12:35
cag-live
 Registrierter Benutzer
Links : Onlinestatus : cag-live ist offline
Registriert seit: Feb 2005
Ort: Ilmenau
Beiträge: 143
cag-live ist zur Zeit noch ein unbeschriebenes Blatt
cag-live eine Nachricht über ICQ schicken
Question [CSS] Scrollbarer Mittelteil

Hi Leute,

ne kurze und einfach Frage:

Ich habe ein Haupt-DIV main, wo ein Mittelteil content sowie ein rechter Teil right 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 content) 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?
__________________
visit bepeppered.net

Geändert von cag-live (16-01-2007 um 12:46 Uhr)
Mit Zitat antworten