[Radames]

Hallo Leute,

ich habe folgendes Problem. Um die Standard - Scrollbars zu umgehen, scrolle ich einfach mithilfe 2er Images (Up + Down).
Beim MouseOver wird eine Schleife aufgerufen, beim MouseOut wird sie beendet. Funktioniert alles wunderbar.
Hinzu kommt, dass der Content per PHP "included" wird.

Der "Div - Bereich" sieht demnach so aus:

<div id="icontainer" style="overflow:hidden; margin-top:20px; width:738px; height:95%; border: 1px #FF00FF solid;">
  <div id="icontent" style="position:absolute; overflow:hidden; left:0; top:0; width:736px;"> 
	<?php
	  include($page);
	?>
  </div>
</div>

Das Problem, dass ich so habe ist, dass ich nun den Div-Container "icontent" nach unten scrolle, ein Teil also nach oben verschwindet. Zumindest sollte er das. Der Teil, der aus dem Div-Container "icontainer" herausragt, ist nämlich normal sichtbar. Das wiederum sieht kollidiert mit dem darüberliegenden Frame. Alles in allem: Es sieht grausam aus ^^

Kann mir jemand verraten, wie ich verhindere, dass der Teil, der herausragt, unsichtbar wird?

[l3m0n]

Wie wärs mit nem Screenshot, ich kann mir grad nicht ganz vorstellen, wie der Fehler aussieht Zudem wäre der JavaScript Code sehr nützlich!

[Radames]

Habe mal den Screenshot angehangen.
Die pinke Umrandung kommt natürlich im Endstadium weg ^^, aber das ist die Grenze des "icontainer"-Divs.

Der Javascript sieht wie folgt aus:

// JavaScript Document

var curPos = 0;
var run = false;

function scrollStart(dir)
{
	run = true;
	scrollContent(dir);
}

function scrollContent(dir)
{
	if (objectByDiv("icontent").offsetHeight > objectByDiv("icontainer").offsetHeight)
	{
		if(dir == "down")
		{
			var h1 = objectByDiv("icontainer").offsetHeight;
			var h2 = objectByDiv("icontent").offsetHeight;
			var t = objectByDiv("icontent").offsetTop;
			if( h2 + t > h1 )
				curPos = curPos - 5;
			else
				curPos = h1 - h2;
		}
		else
		{
			curPos = curPos + 5;
			if (curPos > 0) { curPos = 0; }
		}
	}
	else
		curPos = 0;
		
	styleByDiv("icontent").top = curPos + "px";
	if( run ) { setTimeout("scrollContent('" + dir + "')", 50); }
}

function scrollStop()
{
	run = false;	
}

function styleByDiv(id)
{
	if	  (document.layers)		 return document.layers[id];			  
	else if (document.all)			return document.all[id].style;		   
	else if (document.getElementById) return document.getElementById(id).style;
	else							  return null;		
}

function objectByDiv(id)
{
	if	  (document.layers)		 return document.layers[id];		 // NC 4
	else if (document.all)			return document.all[id];			// IE 4
	else if (document.getElementById) return document.getElementById(id); // DOM
	else							  return null;		
}

Angehängte Miniaturbilder

• 

[Gitarremann]

selbst mit screenshot habe ich das problem noch nicht gefunden. also falls einer rauskriegt, um was es geht und das beschreiben kann, komme ich nochmal wieder gucken.