hi leute,
also hab ein kniffliges Problem:
ich habe einen großen div-container mit fixen Größenangaben (Höhe ist 390 px), in dem stecken nu 3 neue divs, die alle absolut positioniert sind ... ach ich zeichne es mal
________________________________
| | div oben |
| div |________________|
| gesamt | |
| | |
| | div text |
| | um den es |
| | geht |
| | |
| | |
| | |
| | |
| | |
| |________________|
| | div unten |
|______________|________________|
Also oben und unten is 40 px hoch, also bleiben für text 310 px. So jetzt is der div text aber bestimmt öfters größer als 290px, weil da kommen die Inhalte rein. Also hab ich dem ein overflow:auto; verpasst, damit gescrollt werden kann.
Als Spielerei (bitte nich schimpfen) hab ich eine JavaScript geschrieben, dass man beim onmouesover eines Buttons dem div overflow:visible; (scrollbar verschwindet) zuweist und ihn hoch und runter verschieben kann:
function movediv (x)
{
var a = document.getElementById("text").style.top;
a = a.substr(0,a.indexOf("px")) - 15 * x;
if (!((x == -1 && a == 55) || ( x == 1 && a + document.getElementById("text").offsetHeight - 325 <= 0)))
document.getElementById("text").style.top = a+ "px";
}
Das klappt solange ich diese if-abfrage rausnehme, aber diese is dazu da im Fall vom hoch, bzw runterscrollen zu checken ob ich grade ins unendliche scrolle, also für den Fall, dass der Kopf auf seiner Ausgangsposition, bzw das Ende des divs auch am unteren sichtbaren Ende angekommen ist, das Verschieben nicht durchzuführen.
So und darum gehts, IE 6 machts genau wie ich will, Mozi 1.4 und Opera 7.2 nicht. Dabei sollte doch offsetHeight wenn ich es mit getElementById() anspreche nach DOM-Syntax auch bei denen funktionieren oder nicht? Ich find den Fehler nicht, wenn ich den Parameter 325 hingegen weglasse funktionuckelt das in den beiden aber im IE scrollt der KRam halt 325 zu weit hoch! Browserweiche will ich nur einsetzen wenns nich anders geht, weil ich eigentlich alles einheitlich schreiben wollte (das ein aktueller Browser eingesetzt wird setz ich voraus).
Wer kann helfen? Hier noch grad drei links:
http://www.softandlazy.de/me/welcome.html
http://www.softandlazy.de/main/style.css
http://www.softandlazy.de/me/script.js
Btw: Was sagt ihr zum Design? Aber vorsicht außer Startpage und der genannten is nur die
http://www.softandlazy.de/me/me.html aktiv, der Rest is noch Müll!
Und wer kann mir sagen warum Opera die Untermenüs die in Tabellenzeilen untergebracht sind bis zum Ende der Seite ausdehnt? Mozi und IE machen das nich.
So das war recht viel aber spart 2 andere Threads.
Schon mal danke und lasst vorallem hören wie ihr das Design findet, noch bin ich in der Anfangsphase und flexibel was zu ändern.
grüße i.