tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
1268
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    abubububu Tutorials.de Gastzugang
    Folgendes Problem:
    Ich möchte einen Layer mit dynamischer Höhe anzeigen der exakt 115 Pixel vom oberen und 25 Pixel vom unteren Fensterrand entfernt ist und in dem je nach Bedarf eine Scrollbar angezeigt wird.
    Der erste Versuch war folgender Code, der in Opera auch wunderbar funktioniert.

    Code :
    1
    2
    3
    
    <div id="inhalt"style="position: absolute; width: 640px; margin-left: -320px;
         left: 50%; top: 115px;  bottom: 25px; background-color: #333333; overflow: auto;">
    bla bla bla [...] bla bla bla</div>

    Im Internet Explorer funktioniert das aber nur wenn eine Höhe angegeben wird. Wenn keine Höhe angegeben ist, passt IE die Höhe des Layers an den Inhalt an, und beachtet 'bottom: 25px' überhaupt nicht. Bei einer dynamischen Höhe mit Prozentangaben wird zwar die Scrollbar angezeigt, aber das Seitendesign kann ich dann vergessen.

    Der zweite Versuch war alles in ein 'span' mit padding zu packen:

    Code :
    1
    2
    3
    4
    5
    
    <span style="padding: 115px 0px 25px 0px; height: 100%; width: 640px;">
      <div id="inhalt"style="position:absolute; width:100%; height: 100%; margin-left:-320px;
         left: 50%; background-color: #333333; overflow: auto;"> 
      </div> 
    </span>

    Funktioniert aber auch nicht, weder in Opera noch in meinem besten Freund dem IE..
    Der obere Rand lässt sich problemlos mit 115 Pixel richtig positionieren, aber der untere macht weiter Probleme. Und zwar verursacht das padding-bottom, dass der untere Rand weiter nach unten, anstatt nach oben verschoben wird.
    Ich dachte mir, dass da vielleicht einfach '-25px' helfen könnte, aber sobald man einen negativen Wert eingibt, ist es, als ob '0px' im Code stehen würde...

    Jedenfalls gibts meinen kläglich gescheiterten Versuch hier zum begutachten:
    http://www.e-technik-sv.at/testseite.htm

    Nach stundenlangem googeln und Foren durchsuchen weiß ich echt nicht mehr weiter.
    mfG abu
    Geändert von abubububu (30.05.06 um 23:55 Uhr)
     

  2. #2
    Maik Tutorials.de Gastzugang
    Für dein Vorhaben empfehle ich dir das CSS-Tutorial Tabellenloses Basislayout mit fixierten und separat scrollbaren Blöcken.

    Desweiteren solltest du die Netiquette Nr.15 unseres Forums lesen und deinen Beitrag hinsichtlich der Groß- und Kleinschreibung korrigieren, indem du auf den "Ändern"-Button klickst.

    Der Thread wird ins CSS-Board verschoben.
     

  3. #3
    abubububu Tutorials.de Gastzugang
    Vielen Dank für die rasche Hilfe und Entschuldigung wegen der Netiquette. Ich war etwas in Eile..

    Jedenfalls wollte ich noch anmerken, dass man in diesem Forum anscheinend wirklich die Hilfe bekommt, die man braucht. Gut so, weiter so!

    mfG abu
     

Ähnliche Themen

  1. Antworten: 0
    Letzter Beitrag: 17.01.10, 01:10
  2. Seite am unteren Rand ausrichten
    Von Transmitter im Forum CSS
    Antworten: 7
    Letzter Beitrag: 04.06.09, 20:37
  3. Antworten: 1
    Letzter Beitrag: 16.09.07, 20:04
  4. Laufschrift im unteren Fensterrand
    Von Thilnd im Forum HTML & XHTML
    Antworten: 8
    Letzter Beitrag: 05.06.05, 11:42
  5. Antworten: 16
    Letzter Beitrag: 25.03.05, 13:22