✔ Div-Scroller schneidet ein kleines Stück Text weg

[waswiewo]

Hey,

ich bins mal wieder.

ich habe ein Problem mit meinem Div-Scroller. habe schon mehrere post hier durchgelesen und auch viel eingestellt bekommen, aber es will an zwei kleinen Ecken nicht so, wie ich will =)

Hier der Link zur Problempage...

Wenn ich nach ganz unten scrolle, werden ein paar Pixel des Textes unten abgeschnitten. Dazu noch ein kleiner Schönheitsfehler bei dem "Scrollkästchen" (Das Ding, welches man mit der Maus zieht). Das geht wenn man bis nach ganz unten scrollt immer ein oder zwei Pixel über den Rand unten hinaus.

Hier ein Ausschnitt des HTML- Codes:

<table border="0" cellpadding="5" cellspacing="0">
<tr valign="top">
	<td id="text" width="455" height="439">

<div id="container1">
	<div id="content1" class="clContent">
		<?php page_content(); ?>
	</div>
</div>

	</td>

	<td id="text" width="5" height="439">

<div id="scrollTrack1">
	<div id="scrollBar1">
	</div>
</div>

	</td>

</tr>
</table>

Hier der dazugehörige teil der externen CSS- Datei:

.clContent
{
        position: relative;
        left: 0px;
        top: 0px;
        width: 435px;
	height:auto;
        text-align: justify;
}

#container1
{
        position: absolute;
        overflow: hidden;
	padding:10px;
        width: 455px;
        height: 419px;
}

#scrollBar1
{
        position: absolute;
        width: 3px;
        height: 20px;
	border:1px solid #ffffff;
        background-color: #640000;
        font-size: 1px;
}

#scrollTrack1
{
        position: absolute;
        left: auto;
        top: auto;
        width: 5px;
        height: 437px;
	border:1px solid #ffffff;
        background-color: #000000;
        font-size: 1px;
}

Ich habe die DIV- Kontainer absichtlich in zwei Spalten gepackt, weil sonst der scrollbalken immer links über dem ersten DIV war =)

Den CSS- Code habe ich auch angepasst, soweit es mir möglich war...

Wär super wenn mir jemand nen Sprung weiterhelfen kann =)

Mfg waswiewo

 

[Maik]

Junge, junge, da hast Du aber dem Rod Morelos sein feines und im Original absolut minimalistisch anmutendes JS-Scroller-Template (aus einem Release seiner DHTML-Bibliotheken 2003-2005) mit deinem Tabellengeflecht aber ganz schön massakriert und entstellt

Pfui, schäm Dich!

mfg Maik

 

[Maik]

Moin,

die Ursache ist der vertikale Innenabstand für #container1.

Definier stattdessen die gewünschten Innenabstände für .clContent:

.clContent
{
        position: relative;
        left: 0px;
        top: 0px;
        width: 435px;
        height:auto;
        text-align: justify;
        padding:10px;
}

#container1
{
        position: absolute;
        overflow: hidden;
        padding:0px;
        width: 455px;
        height: 419px;
}

mfg Maik

 

[waswiewo]

Hey,

danke, hat geklappt! Hatte auch die falsche Höhenangabe, habe ich gesehen =) jetzt läuft es soweit ganz gut. Nur der 20px Scrollbalken geht noch 2 Pixel über den Rand hinaus aber das kriege ich schon hin

mfg waswiewo