Scrollleiste

Matthias96 · 21. Dezember 2010

Hallo zusammen ,

Ich erstelle gerade eine Website von einer Ferienwohnung. Auf einer Seite steht die Hausordnung, die etwas länger ist :wink: , deswegen würde ich gerne den Inhalt mimt einer Scrollbar/-leiste versehen. Auf html-seminar.de und webmaster-crashkurs.de habe ich nichts dazu gefunden. Gibt es vielleicht doch was? Wenn nicht wie geht es ? Gehört es dann zum Design oder HTML ?

Danke im Vorraus

lauras · 21. Dezember 2010

Such mal nach der CSS-Eigenschaft overflow: scroll;.
Mit einer festen Höhe wird das, was eigentlich "überstehen" sollte dann gescrollt.

Gruß
Laura

Matthias96 · 21. Dezember 2010

Du meinst auf HTML-seminar.de suchen ? !
Ich habe es gerade aus probiert und in der CSS-Datei das angegeben:

Code

#bereichinhalt {
overflow:scroll }

Doch nun bekomme ich auf jeder Seite eine Scrollleiste angezeigt, bei der man aber gar nicht scrollen kann, weil kein "Scrollbalken" vorhanden ist.

LG Matthias

lauras · 21. Dezember 2010

Achso, ich war irgendwie davon ausgegangen, dass du das auf jeder Seite brauchst, sorry^^
Dann nimmst du overflow: auto;, damit sollten nur bei overflow Scrollbalken erzeugt werden

Gruß
Laura

Sarkkan · 21. Dezember 2010

Zitat von "lauras"

Achso, ich war irgendwie davon ausgegangen, dass du das auf jeder Seite brauchst, sorry^^
Dann nimmst du overflow: auto;, damit sollten nur bei overflow Scrollbalken erzeugt werden

Gruß
Laura

Ist overflow: auto; nicht standard? O.o

Sören · 21. Dezember 2010

Neeh, visible ist Standard: http://www.w3.org/TR/CSS21/visufx.html#overflow

lauras · 21. Dezember 2010

Zitat von "Sarkkan"

Ist overflow: auto; nicht standard? O.o

Sonst hätte er das Problem ja nicht gehabt^^

Matthias96 · 22. Dezember 2010

Jetzt funktioniert es immer noch nicht, es erscheint gar keine Scrollbar!

lauras · 22. Dezember 2010

Mit overflow: auto? Hm.. Code? Dann können wir mal gucken..

Sarkkan · 22. Dezember 2010

Dann schalte ich mich doch noch mal an^^

Hast du vielleicht mal Code für uns? Am besten sowohl HTML, als auch CSS

Matthias96 · 22. Dezember 2010

Klar hier der Code:

CSS:

Code

#bereichinhalt {
    /*background-color: #2AFFAA;*/
    margin-left: 250px;
    text-align: left;
    overflow: auto;
    padding-right: 30px;
.Regelpunkt {
    text-decoration: underline;
    font-style:oblique;
}
#wrapper{
    width:900px ;
    background-image: url(bilder/spalte3.jpg);
    background-repeat: repeat-y;
    padding:10px;
    margin:0px auto ;
}
body {
font-family: sans-serif;
line-height:2em ;
background-color:#C0C0C0 ;
background-image:url(bilder/Hintergrundsschrift1.gif) ;
text-align: center;
}

Alles anzeigen

P.S.: Das waren jetzt nur die CSS-Auszüge die in der folgenden Seite "benötigt" werden

HTML:

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">




<head>
    <title>Ferienwohnung Fam. Oettle 83646 Wackersberg | Hausordnung</title>




    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (www.scriptly.de)" />




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




<body>
<div id="wrapper">
 <div id="bereichkopf">
              <!-- <a href="index.html"><b>Ferienwohnung Bad T&ouml;lz</b></a> --><br />
              <span id="slogan"><b>genie&szlig;en.entspannen.und mehr</b></span>
 </div>
 <div id="bereichsteuerung">
     <ul>
        <li><a href="Index.html">Startseite</a></li>
        <li><a href="Info.html">Info</a></li>
        <li><a href="Gallerie.html">Gallerie</a></li>
        <li><a href="Preise.html">Preise</a></li>
        <li><a href="Umgebung.html">Umgebung</a></li>
        <li><strong>Hausordnung</strong></li>
        <li><a href="Kontakt.html">Kontakt</a></li>
        <li><a href="Anfahrt.html">Anfahrt</a></li>
        <li><a href="Impressum.html">Impressum</a></li>
    </ul>
 </div>
 <div id="bereichinhalt">
   <h3>Hausordnung</h3>
            <p>Nachstehende Hausordnung soll Ihnen eine Hilfe sein, wie wir uns den ordnungsgem&auml;&szlig;en Umgang mit der Ferienwohnung vorstellen. Au&szlig;erdem haben wir einige Regeln einf&uuml;hren m&uuml;ssen, von denen wir hoffen, dass sie Ihr Verst&auml;ndnis finden werden.</p>




            <p><span class="Regelpunkt">Allgemein:</span> Sollten Sie irgendetwas an der Einrichtung vermissen oder Sie brauchen Hilfe - informieren Sie uns bitte umgehend. Nur so k&ouml;nnen wir evtl. Unzul&auml;nglichkeiten schnell beheben. Gern stehen wir Ihnen auch bei Fragen und Informationen zu Ausflugstipps u.&auml;. zur Verf&uuml;gung.</p>




            <p>Niemand wird absichtlich Sachen in der Unterkunft besch&auml;digen, es kann jedoch jedem passieren, dass einmal was kaputt geht. Wir freuen uns, wenn Sie uns den entstandenen Schaden mitteilen und wir nicht erst nach Ihrer Abreise bzw. wenn die n&auml;chsten Mieter eingezogen sind, den Schaden feststellen.</p>




            <p>Die Mieter haften f&uuml;r Besch&auml;digungen, soweit sie, Ihre Mitreisenden oder G&auml;ste diese verschuldet haben, hier sind aber nicht Kleinigkeiten, wie z.B. ein zerbrochenes Glas gemeint (nennenswerte Sch&auml;den sind in der Regel &uuml;ber die Privathaftpflichtversicherung abzuwickeln). Tiere sind in der Wohnung nicht erlaubt.</p>




            <p><span class="Regelpunkt">K&uuml;che/ Bad:</span> Bitte beachten Sie, dass Geschirr nur abgewaschen und getrocknet wieder in die Schr&auml;nke ger&auml;umt wird, gleiches gilt f&uuml;r Besteck, T&ouml;pfe und Ger&auml;te, die Sie benutzt haben.
            <br />
            Bitte trennen Sie den M&uuml;ll in den vorhandenen Beh&auml;ltern ( Biom&uuml;ll/ Papier/ Flaschen/ Restm&uuml;ll). Entsprechende M&uuml;lltonnen stehen hinter der Garage. Bei Ihrer Abreise sollte die K&uuml;che wieder so aussehen, wie Sie sie vorgefunden haben.
            <br />
            In Sp&uuml;lbecken, Dusche und Toilette d&uuml;rfen keine Abf&auml;lle, Essensreste, sch&auml;dliche Fl&uuml;ssigkeiten o.&auml;. geworfen bzw. gesch&uuml;ttet werden da Hebewerke installiert wurden und es sonst zu unangenehmen Verstopfungen kommen kann.</p>




            <p><span class="Regelpunkt">Wohnbereich:</span> Wir w&uuml;rden uns freuen, wenn Sie die Teppiche bzw. Teppichb&ouml;den und Parkett nicht mit "Stra&szlig;enschuhen" betreten w&uuml;rden. Alle Fenster sind bei Verlassen der Wohnung zu verschlie&szlig;en.</p>




            <p><span class="Regelpunkt">An die Sportlichen:</span> Gerne k&ouml;nnen Sie bei uns 2 vorgesehene Fahrr&auml;der kostenfrei leihen. Die Nutzung der Fahrr&auml;der erfolgt ausschlie&szlig;lich auf eigene Gefahr. Sie sind verpflichtet, die Fahrr&auml;der vor der Nutzung auf Tauglichkeit im Stra&szlig;enverkehr zu &uuml;berpr&uuml;fen. Die vorhandene Tischtennisplatte kann vor oder in der Garage benutzt werden. Bitte gehen Sie mit den Dingen in und um das Haus sorgsam um.</p>




            <p><span class="Regelpunkt">An die Kinder:</span> Wir haben selbst 3 Kinder und leihen Euch gerne einen Teil der Spielsachen (Playmobil, Brettspiele, Federball, etc.).</p>




            <p><span class="Regelpunkt">An die Raucher:</span> Rauchen ist im Haus nicht erlaubt. Bitte gehen Sie unter unser Vordach vor der Haust&uuml;re.</p>




            <p><span class="Regelpunkt">Ruhezeiten:</span> Im Sinne einer guten Nachbarschaft bitten wir Sie, die Ruhezeiten zu beachten. Ab 22.00 gilt Nachtruhe.</p>




            <p><span class="Regelpunkt">Anreise/ Abreise:</span> Am Anreisetag stehen Ihnen die Quartiere ab 15.00 Uhr zur Verf&uuml;gung. Bei Abreise m&ouml;chten wir Sie bitten, die Wohnung bis 10.00 Uhr zu r&auml;umen. Bitte geben Sie die Schl&uuml;ssel bei uns pers&ouml;nlich ab. (Die Schl&uuml;ssel sind Teil einer Schlie&szlig;anlage und deshalb sehr sorgsam zu verwahren) Vielen Dank!</p>




            <p>Wir w&uuml;schen Ihnen einen angenehmen Aufenthalt, viel Spa&szlig;, Entspannung und gute Erholung.</p>




            <p>Ihre Familie Oettle</p>







 </div>
</div>
 <div id="bereichfuss">
      <p>© Matthias Oettle • www.oettle-toelz.de</p>
</div>
</body>
</html>

Alles anzeigen

lauras · 22. Dezember 2010

Hi,
du musst für deinen Bereich natürlich eine Höhe definieren, sonst weiß der div ja nicht, wann er zuende ist und wann dementsprechend die Scrollleiste erzeugt wird.

Gruß
Laura

Scrollleiste

Jetzt mitmachen!

Teilen