zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden div mit overflow in der höhe maximieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 04.02.2010, 23:14
Konsum Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 04.02.2010
Ort: Meschede
Beiträge: 1
aerothunder befindet sich auf einem aufstrebenden Ast
Frage div mit overflow in der höhe maximieren

hallo alle zusammen.

ich strukturiere momentan eine neue seite und es tritt ein problem auf.

zunächst mal verwende ich die css sticky footer methode (New CSS Sticky Footer - 2009 - HTML for Bottom of Page Footer). das funktioniert bis dahin alles wunderbar.

nun habe ich aber 3 divs im div "content":
Code:
<div id="content">

<div id="left">
linke spalte
</div>

<div id="tower">
rechte spalte
</div>';

<div id="center">';
mittlere spalte
</div>

</div>
und hier der css code:
Code:
#content
{
  margin: 0;
  padding: 0;
}

#left
{
  margin: 0;
  padding: 0;
  width: 200px;
  float: left;
  background-color: #779999;
}

#center
{
  margin: 0;
  padding: 0 0 0 203px;
}

#tower
{
  margin: 0;
  padding: 0;
  width: 300px;
  height: 400px;
  overflow: auto;
  background-color: #80FFFF;
  float: right;
}
nun möchte ich, dass die höhe vom div "tower" bis zu footer geht. es ist das overflow element vorhanden, ich möchte also dass der container bis zum footer geht. ist der inhalt zu groß, sollen die scrollbalken zum einsatz kommen.

hier die komplette seite: http://shinyoricalkum.bplaced.net/wer-hat-das-hoechste/
und der komplette css code: http://shinyoricalkum.bplaced.net/we...hste/style.css

wenn ich einem elternelement eine höhe von 100% zuweise klappt es natürlich nicht, da das elternelement eine genaue höhenangabe in px erfordert. wenn ich das allerdings mache, zerstöre ich die css-sticky-footer funktion.

die sticky footer variante sollte schon erhalten bleiben.

hoffentlich weiß jemand rat,
danke im vorraus für eure hilfe

Geändert von aerothunder (05.02.2010 um 00:20 Uhr)
Mit Zitat antworten
Sponsored Links
Antwort

Stichwörter
footer, max-height, overflow, sticky

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Header entfernen tripple CSS 17 15.06.2010 15:41
div höhe - 2 scrollbalken vermeiden grubentaucher CSS 4 07.04.2010 11:16
Overflow und prozentuale Höhe innerhalb eines 100% Divs insanic! CSS 3 03.04.2009 17:38
DIV in DIV IE 6 Höhe 100% BooKer CSS 0 01.04.2009 17:11
Div in Div 100% höhe?! grazioli CSS 1 17.03.2007 17:18


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:24 Uhr.