WCM Forum - Scrollbar in HTML der eigentlich nicht da sein sollte!

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - Scrollbar in HTML der eigentlich nicht da sein sollte! (http://www.wcm.at/forum/showthread.php?t=161807)

Scrollbar in HTML der eigentlich nicht da sein sollte!

Hallo!

Habe ein Problem auf meiner Seite:

http://klausmaier.kl.funpic.de/mig04/index.htm

Wie bekomme ich da den Scrollbar weg. Ich hab zwar ne Lösung nur wenn die Seite dann höher wird geht das Scrollen nicht mehr. Siehe:

http://klausmaier.kl.funpic.de/mig04/index2.htm
http://klausmaier.kl.funpic.de/mig04/index3.htm

Wieso ist wenn ich <body scroll="auto"> setze der Scrollbar zwar weg, aber dafür die Hintergrundfarbe vom Body da???

Ich bin echt ratlos, und darüber, dass Alpennic meinen Source so ändert dass ich immer die Darstellung von scroll="auto" habe wenn ich über http://mig04.eu.tf ansurfe will ich vorerst gar nicht nachdenken!

Wäre toll wenn mir wer helfen könnte, ich häng da schon so lange dran und eigentlich wollte ich nach Ostern schon Online gehen damit!

In Opera funktionierts wunderbar ;) Also werden die Probleme vermutlich beim IE auftreten.

IE macht standardmäßig immer rechts nen scrollbar hin, egal ob in wer braucht oder nicht.

Ich hoff du kennst dich mit CSS aus:
setz mal für <html> den style auf scrolling:none
und bei body auf scrolling:auto, bzw. umgekehrt (bin mir ned sicher, welches hinhaut), das müsste eigentlich reichen (bei richtigen DocType).
Wenn du willst kann ich dir auch den Code für ein Layout mit 3 divs nebeneinander wobei nur das mittlere scrollt (wenn nötig) geben, hab ich aber zuhaus - findest aber auch über google.

mfg Thomas

Scrollbar? Welcher Scrollbar? Ich seh keinen. :cool:

Zitat:

Original geschrieben von _m3
Scrollbar? Welcher Scrollbar? Ich seh keinen. :cool:

Da hast deine Scrollbar :D

Leider sind meine Mitstudenten alle IE User. Die meisten davon sogar nur Windows 2000 ohne Service Packs also irgendeinen 5er IE noch dazu.

Bis jetzt ist das ganze auch nur ein Layout Versuch, naja...

edit: Also über DIVs hab ich noch gar net nachgedacht. Im Prinzip will ich oben 6 Bereiche haben, wo idealerweise nur der mittlere untere Scrollt also mein Hauptfeld.

Aber man lernt ja nie aus.

Zitat:

Original geschrieben von T.dot
Ich hoff du kennst dich mit CSS aus:
setz mal für <html> den style auf scrolling:none
und bei body auf scrolling:auto, bzw. umgekehrt (bin mir ned sicher, welches hinhaut), das müsste eigentlich reichen (bei richtigen DocType).
[/b]

Ja den DocType dazu müsste man wissen, ich hab alles ausprobiert(html auf auto und body of none, body auf auto und html auf none, beide auf auto, beide auf none)

Naja, hat net gefunzt, aber ich habe das hier gefunden:

body {
margin:0px;
overflow:auto;
}

overflow hat folgende Einstellmöglichkeiten:
auto - Scrollbars kommen im IE nur dann wenn sie gebraucht werden.
scroll - sind immer sichtbar, werden aber erst aktiv wenn benötigt
hidden bzw. visible zeigen keine Scrollbars an.

gtnl:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE>Fixed footer</TITLE>

<META http-equiv=Content-Type content="text/html; charset=utf-8">

<link rel="stylesheet" type="text/css" href="basic3.css">

</HEAD>

<BODY>

<form method="post" id="post" name="post" action="" enctype="multipart/form-data" style="overflow:hidden;height:100%">

<DIV class="leftcontent">left</DIV>

<DIV class="rightcontent">right</DIV>

<DIV class="content"> 

content

</DIV>

</form>

</BODY>

</HTML>

CSS:

Code:

BODY {

        PADDING: 0px; 

        MARGIN: 0px; 

}

div.leftcontent

{

        LEFT: 0px; 

        WIDTH: 200px; 

        POSITION: relative; 

        HEIGHT: 50px;

        margin:0px;

        padding:0px;

        height:100%;

        background-color:#AAFF66;

        float:left;        

}

@media Screen    

{

        UNKNOWN {POSITION: fixed}

}

HTML BODY 

{

        OVERFLOW: hidden

}



DIV.content {

        OVERFLOW: auto; 

        HEIGHT: 100%;

        margin-left:200px;

        top:0px;

        bottom:0px;

        margin-top:0px;

        margin-right:150px;

        margin-bottom:50px;        

        background-color:#FFAA66;

}



div.rightcontent

{

        POSITION: absolute; 

        RIGHT: 0px; 

        TOP: 0px;

        WIDTH: 150px; 

        margin:0px;

        padding:0px;

        background-color:#66FFAA;

        height:100%;

}

schaus dir halt mal an, obs verwertbar is