Antworten zum Thema „Scrollleiste“

myImmortal · 24.04.2005

Also ich möchte eine Scrollleiste einbringen die sich automatisch einschaltet wenn sich der Content verlängert.
Wie macht man das?
Danke im Voraus[/code]

Askalon · 24.04.2005

Hi
Scrolleisten schalten sich immer standardmässig erst ein wenn sich der Content verlängert.

gruss

myImmortal · 24.04.2005

wie meinste dass denn kannste mal nen Codebeispiel posten?

Askalon · 24.04.2005

wenn du keinen Code schreibst, schalten sich die Scrollleisten erst ein wenn der Content länger ist als der Bildschirm.

Uwe411 · 25.04.2005

Per CSS:
overflow:auto;

Damit wird die Scrollbar erst eingeblendet, wenn der Text größer wird, als der zur Verfügung stehende Platz.

K-Dawg · 25.04.2005

Askalon schrieb:
Hi
Scrolleisten schalten sich immer standardmässig erst ein wenn sich der Content verlängert.

gruss

DAs stimtm nicht ganz. Beim Firefox ist das so ja, bei Moziila auch. (Opera und co weis ich nicht aber Konquor von Linux ist das auch so) Internet Explorer ist das nicht so, der Scrollbar ist IMMER Vorhanden, auch wenn es nichts zu srcollen gibt. Der Balken ist da.

Uwe411 · 25.04.2005

K-Dawg schrieb:
Beim [...] Internet Explorer ist das nicht so, der Scrollbar ist IMMER Vorhanden, auch wenn es nichts zu srcollen gibt. Der Balken ist da.

Das kann man mit scrolling: no abschalten.

Problem:
Dann ist überhaupt kein scrollen mehr möglich. Daher würde ich auf solche Spielereien, denn was anderes ist das nicht, verzichten.

Siehe dazu:

K-Dawg · 25.04.2005

uwe411 schrieb:
K-Dawg schrieb:

Beim [...] Internet Explorer ist das nicht so, der Scrollbar ist IMMER Vorhanden, auch wenn es nichts zu srcollen gibt. Der Balken ist da.

Zum Vergrößern anklicken....

Das kann man mit scrolling: no abschalten.

Problem:
Dann ist überhaupt kein scrollen mehr möglich. Daher würde ich auf solche Spielereien, denn was anderes ist das nicht, verzichten.

Siehe dazu:

Setzen 6

Wieder falsch weil dieser scrolling:no 1. kein CSS ist und CSS dies ehe nicht kann und 2. dies nur auf FRAMES/IFRAMES angewandt wird, nicht jedoch auf den Browser Main Fenster. Und hier geht es darum den Browser Main fenster die scrollbalken zu ünterdrücken, was technisch nicht möglich ist. Dies muss vom Browser herkommen und Firefox macht das so, IE jeddoch nicht und wenn MS es nicht für wichtig sieht, wird es IE auch nie können wie FF die leister wegzumachen, wenn keine Leiste notwendig ist.

myImmortal · 27.04.2005

So Juns hier ist der Quelltext könnt ihr mir nicht einfachmal darein schreiben wie das jetzt geht mit der Scrollleiste? Wäre nett!

Code:

<html> 
<head> 
<title>Untitled-1</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 

</head> 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
 
<table id="Table_01" width="1000" height="1001" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
<td colspan="11"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_01.jpg" height="260" alt=""></td> 
</tr> 
</table> 

</tr> 
<tr> 
<td> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_02.jpg" height="1" alt=""></td> 
</tr> 
</table> 

<td colspan="7"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_03.jpg" height="1" alt=""></td> 
</tr> 
</table> 

<td colspan="2" rowspan="2"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_04.jpg" height="112" alt=""></td> 
</tr> 
</table> 

<td rowspan="4"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_05.jpg" height="740" alt=""></td> 
</tr> 
</table> 

</tr> 
<tr> 
<td rowspan="3"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_06.jpg" height="739" alt=""></td> 
</tr> 
</table> 

<td rowspan="3"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_07.jpg" height="739" alt=""></td> 
</tr> 
</table> 

<td> 

<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_08.jpg" height="111" alt=""></td> 
</tr> 
</table> 

<td> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_09.jpg" height="111" alt=""></td> 
</tr> 
</table> 

<td> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_10.jpg" height="111" alt=""></td> 
</tr> 
</table> 

<td> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_11.jpg" height="111" alt=""></td> 
</tr> 
</table> 
<td colspan="2"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_12.jpg" height="111" alt=""></td> 
</tr> 
</table> 

</tr> 
<tr> 
<td colspan="5"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_13.jpg" height="21" alt=""></td> 
</tr> 
</table> 

<td colspan="2" rowspan="2"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_14.jpg" height="628" alt=""></td> 
</tr> 
</table> 

<td rowspan="2"> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_15.jpg" height="628" alt=""></td> 
</tr> 
</table> 

</tr> 
<tr> 
<td colspan="5"> 
<table border="0" align="center" cellpadding="0" cellspacing="0" width="100%" height="100%"> 
<tr> 
<td width="100%" background="images/index_16.jpg" height="607" alt=""></td> 
</tr> 
</table> 

</tr> 
<tr> 
<td> 

</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
<td> 
</td> 
</tr> 
</table> 
 
</body> 
</html>

hier das Design:

K-Dawg · 27.04.2005

Du kannst keine Scrollleiste deaktivieren. IE zb hat immer den Scrollbalcken da, ob man scrollen kann oder nicht der ist immer da. Firefox blendet den Balken aus wenn es nicht szu scrollen gibt und blendet den wiede rein wenn es was zu srollen gibt. IE kann das nicht und das geht überhaupt nicht mit HTML, Javascript oder CSS (da CSS ehe nicht für sowas ist sondern nur Formatierung, reden wir nicht weiter drüber)

myImmortal · 27.04.2005

omg versteht mich hier keiner?
Ich will dass wenn die News usw zu lang für den Content sind dass sich dann eine Scrollbar für das Content Image einschaltet dafür will ich nen Code haben!

K-Dawg · 27.04.2005

wenn dich keiner versteht, liegt es vielleicht daran das du es falsch erklärst, aber falls du einen iframe meinst, kannst du den scroll balken ausmachen, der aber bleibt aus. du musst es an lassen damit im iframe ein scroll balken kommt. Kann sein das es weg bleibt wenn nicht gescrollt werden muss. wenn es immer noch nicht rtichtig ist, dann versuche mal genau erklären was du willst und ein Screenshot vopn deinem Design hilft da null.

Uwe411 · 27.04.2005

Deine Seite ist eine riesige Tabelle. Setz in die Zelle, wo die Contentbox ist einen <div>-Container. In diesen Tag schreibst Du overflow:auto.

Zur Verdeutlichung:

Code:

<table><tr><td>
<div style="overflow:auto;"><img src:...></div>
</td></tr></table>

Siehe:

know · 28.04.2005

wenn ich mich nicht falsch verstehe, du wolltest dass scroll automatisch einblenden. näturlich

Code:

<body scroll="auto">

sag bescheid wenn du so gemeint hast und...

kkm