swap image (mouseovers) innerhalb eines div tags funktioniert nicht

[strawberrycakes]

hallo zusammen!
ich hab hier ein problemchen mit swapImage (onMouseOver) und swapImageRestore (onMouseOut)..
auf dieser seite funktionieren die mouseovers (beim menü) wunderbar:
http://utarunne.de/content_home.html

die sache ist aber nun die, dass ich die inhalte alle auf eine andere seite gepackt hab, und jeder "content table" ist nun innerhalb eines DIV containers, und wird sichtbar/unsichtbar geschaltet über die menü-buttons (hinweis: bisher sind nur "biografie" und das logo "uta runne" aktiviert):
http://utarunne.de/home7.html

so, und auf dieser seite funktionieren die mouseovers nicht mehr.
WARUM NUR??
weiß jemand rat?
ich wär begeistert wenn mir jemand weiterhelfen könnte..!
1000 dank im voraus!!
lg

[Junkee[]]

nehm doch die css hover classe.

[kkapsner]

Puh - das hat aber jetzt gedauert, bis ich herausgefunden habe, was dein Problem ist: eine ID MUSS dokumentenweit eindeutig sein - durch deine Zusammenlegung der Seiten (was ich persönlich nicht für eine gute Idee halte) hast du die Navigaition doppelt.

[strawberrycakes]

Puh - das hat aber jetzt gedauert, bis ich herausgefunden habe, was dein Problem ist: eine ID MUSS dokumentenweit eindeutig sein - durch deine Zusammenlegung der Seiten (was ich persönlich nicht für eine gute Idee halte) hast du die Navigaition doppelt.

hi kkapsner,
supiii, vielen dank! so hat's geklappt, hab jedem menüpunkt einen eindeutigen id namen gegeben..
http://utarunne.de/home9.html

auf die idee alle inhalte in divs auf 1 seite zu packen kam ich nur wegen der background-slideshow.. wenn ich 'einzelne' seiten hätte, würde die slideshow beim aufrufen einer neuen seite jedesmal neu geladen werden müssen - und das ist nicht so hübsch.. etwas schlaueres als die visible/invisible div lösung fiel mir dazu nicht ein.. dir? ;-)

eine andere frage hätte ich noch: wie kann ich die inhalte (divs) absolut zentriert (also horizontal + vertikal zentriert) auf der seite darstellen?
(horiz. zentriert ist's ja schon, aber vertikal klappt irgendwie nicht..)

[kkapsner]

Deine Divs haben doch eine fixe Höhe. Wenn ja: position: absolute; top: 50%; left: 50%; margin-top: -(deine halbe Divhöhe)px; margin-left: -(deine halbe Divbreite)px;

[strawberrycakes]

Deine Divs haben doch eine fixe Höhe. Wenn ja: position: absolute; top: 50%; left: 50%; margin-top: -(deine halbe Divhöhe)px; margin-left: -(deine halbe Divbreite)px;

stimmt, eigentlich sind sie 900x510px
wenn ich's so mache, hängen die inhalte aber leider viel zu weit unten:
position: absolute; top: 50%; left: 50%; margin-top: -255; margin-left: -450px;

etwas gemogelt mit top 15% passts ungefähr..
danke!

..und natürlich fiel mir grad noch eine neue frage ein.. )
ist es möglich, einen bereich innerhalb des divs in der höhe zu begrenzen? ich würde gerne dem fließtextbereich eine höhe von sagen wir mal 300px geben, und wenn der text länger wird werden scroller innerhalb des divs eingeblendet? geht das irgendwie? das wäre fantastisch..

[kkapsner]

... auch margin-top braucht eine Einheit (sowas steht auch in der Fehlerkonsole (Wo finde ich die Fehlerkonsole?) (jedenfalls beim FF)).
Natürlich geht das. ein zusätzliches Div mit fester Höhe und overflow: auto;

[strawberrycakes]

super, vielen dank an dich!!

[kkapsner]

Bitte.

[strawberrycakes]

Bitte.

kkapsner, dürfte ich dich nochmal etwas fragen? ; )) bzw auch ganz allgemein in die runde..

ich habe versucht, für meinen textcontent div einen scroller einzubauen.. genau nach diesem beispiel: http://www.drweb.de/magazin/schoner-...mit-mouseover/
das einzige was ich abgeändert habe, ist der div name "content" zu "scrollbar" (und geringfügig das aussehen/farben)

siehe auch (> seite "biografie"): http://utarunne.de/home12.html

mein html sieht so aus:
<div class="scroller">
<p class="arrow" onmouseover="scroll.start(-10)" onmouseout="scroll.stop()" title="Nach oben"></p>
<p class="bar"></p>
<p class="arrow" onmouseover="scroll.start(10)" onmouseout="scroll.stop()" title="Nach unten"></p>
</div>
<div id="scrollbar">
<table width="800" height="350" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="800" height="350" valign="top">langer fliesstext lorem ipsum......</td>
</tr>
</table>
</div>

der javascript part im header + das externe js script das geladen wird:
<script language="javascript" type="text/javascript" src="assets/js/scroll.class.js"></script>
<script type="text/javascript">
var scroll = new SCROLL(
document.getElementById('scrollbar'),
{
'time': 60,
'width': 780,
'height': 300
}
);
</script>

und im css file:
/* scroller */
p, div {
padding: 0;
margin: 0;
}
#scrollbar {
clip: rect(0 780px 350px 0);
width: 300px;
position: absolute;
}
.scroller {
float: right;
width: 10px;
}
.scroller .arrow {
border: #ffffff 1px solid;
cursor: pointer;
padding: 4px;
}
.scroller .bar {
height: 280px;
margin: 2px;
border: #ffffff 1px dotted;
padding: 0 2px;
}


der scroller wird auch richtig angezeigt.. nur funktioniert das scrollen einfach nicht.
und ich finde den fehler nicht, woran es liegt?!
hab ich etwas offensichtliches übersehen..?
wäre seeeeeehr dankbar für hilfe :-)

[kkapsner]

Fehlerkonsole (Wo finde ich die Fehlerkonsole?).

[strawberrycakes]

damit komme ich leider nicht so ganz weiter.. : /
bekomme die meldung bei zeile 4 ('top': obj.offsetTop || 0,) im scroll.class.js:
"obj is null"
aber weiß damit herzlich wenig anzufangen
dieses scroll.class.js habe ich ja nur genauso wie auf der beispielseite übernommen, ich denke daran muss man nichts verändern?
..

[kkapsner]

Dein Element "scrollbar" existiert zu diesem Zeitpunkt noch nicht (JS wird meistens direkt während des Parsens des HTMLs ausgeführt) -> entweder den <script>-Block hinter das entsprechende Element verschieben oder mit window.onload arbeiten.

[strawberrycakes]

vielen dank für deine antwort!
ok, klingt logisch.. ich hab also diesen script part hinter das scroller div gesetzt:

<script src="scroll.class.js" type="text/javascript"></script>
<script type="text/javascript">
var scroll = new SCROLL(
document.getElementById('content'),
{
'time': 60,
'width': 300,
'height': 60
}
);
</script>

nun bekomme ich in der fehlerkonsole auch keinen fehler mehr angezeigt.. nur das scrollen funktioniert immer noch nicht : /
(siehe http://utarunne.de/home12.html)
hapuh - bin ratlos..

[strawberrycakes]

achso, ich hab natürlich in meinem fall
document.getElementById('scrollbar'),
geschrieben.. geht aber trotzdem nicht