ERLEDIGT
JA
JA
ANTWORTEN
2
2
ZUGRIFFE
1268
1268
EMPFEHLEN
-
30.05.06 21:31 #1abubububu 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 abuGeändert von abubububu (30.05.06 um 23:55 Uhr)
-
30.05.06 21:41 #2Maik 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.
-
31.05.06 00:09 #3abubububu 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
-
[CSS] Wie lässt sich der Footer am unteren Fensterrand ausrichten?
Von Maik im Forum Webmaster FAQAntworten: 0Letzter Beitrag: 17.01.10, 01:10 -
Seite am unteren Rand ausrichten
Von Transmitter im Forum CSSAntworten: 7Letzter Beitrag: 04.06.09, 20:37 -
Textfield innerhalb eines Divs vertikal zentriert ausrichten?!
Von d2mike im Forum CSSAntworten: 1Letzter Beitrag: 16.09.07, 20:04 -
Laufschrift im unteren Fensterrand
Von Thilnd im Forum HTML & XHTMLAntworten: 8Letzter Beitrag: 05.06.05, 11:42 -
Slidemenü als Tabellenzelle in fester Tabelle (resize der oberen und unteren Zeile?)
Von Lukaro im Forum Javascript & AjaxAntworten: 16Letzter Beitrag: 25.03.05, 13:22





Login





