1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

Scrollbalken

  • Halfevil87
  • 6. August 2009 um 14:23
  • Halfevil87
    Anfänger
    Beiträge
    4
    • 6. August 2009 um 14:23
    • #1

    Hallöchen,
    Ich habe ein kleines Problem, ich bastel gerade bisschen an einer HP rum, da mir aber der platz wie man auf dem ersten foto sieht nicht ausreicht, wollte ich einen scrollbalken hinzufügen, leider macht er das dann nur so wie auf dem 2. bild zu sehen..

    Kann mir jemand nen tipp oder passende code geben?
    Habe <div style="overflow: auto; height: 100px; width: 100px;"> verwendet...

    Vielen Dank schonmal für die Hilfe...

    Bilder

    • bild1.jpg
      • 62,67 kB
      • 800 × 443
    • bild2.jpg
      • 32,79 kB
      • 800 × 440
  • Tobse
    Kaiser(in)
    Reaktionen
    4
    Beiträge
    2.439
    • 6. August 2009 um 14:42
    • #2

    Ist das jetzt falsh oder HTML+CSS?
    Ich würde das nicht mit overflow machen.... und vorallem ne id und dann in eine .css datei. Aber egal.
    Wenn dier der Platz nicht reicht, versuch ein Layout zu machen, das du unendlich langziehen kannst. Und am beseten wäre, du gibst uns einen link oder Codes.

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  • Halfevil87
    Anfänger
    Beiträge
    4
    • 6. August 2009 um 14:47
    • #3

    der link ist: http://halfevil87.piranho.de/html/

    siehe lezte seite "kontakt".
    Wenn der code auch gebraucht wird poste ich diesesn natürlich auch..

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 6. August 2009 um 14:51
    • #4

    ähm.. wo is denn genau dein problem ? du hast deine höhe und breite auf 100px
    festgelegt. mach halt mal 500px, dann hast die container gleich weng größer :|

    edit: oder gleich so...

    Code
    <div style="overflow: auto; height: 390px; width: 580px;">

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • Tobse
    Kaiser(in)
    Reaktionen
    4
    Beiträge
    2.439
    • 6. August 2009 um 14:54
    • #5

    also, nachdem ich mir den code angeschaut habe, ist mir aufgefallen, du gibts ja 100x100 an, daher MUSS die Box ja so klein sein.
    mach also <div style="width: 500px; height: 600px;">
    und da halt anstadt 500x600 deine Werte.

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  • Halfevil87
    Anfänger
    Beiträge
    4
    • 6. August 2009 um 14:58
    • #6

    Danke schonmal für die hilfe.. Aber ich kann immer noch nicht bis zum ende der seite runter scrollen :/.. Oder ich bin zu blöde dazu..
    Hab jetzt 550 / 550 genommen..

    Hab das mit 550/550 mal hochgeladen. link is der gleiche

  • Grevas
    König(in)
    Reaktionen
    3
    Beiträge
    1.043
    • 6. August 2009 um 15:00
    • #7

    omg... Mach die höhe ein wenig kleiner - der scrollbalken ist teilweise nicht sichtbar X(

    Habs grad im PAINT nachgeprüft - deine höhe müsste zwischen 390-405px sein.

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 6. August 2009 um 15:01
    • #8

    nimm mal die werte die ich dir gegeben habe.
    glaub des kommt weng genauer hin (also 390x580).

    wenn du deine scrollbar rechts nicht siehst musst halt
    den wert entsprechen verkleinern, is zuviel abstand zum
    rand musst nen noch weng vergrößern...

    genauso bei der höhe. geb einfach mal height:300px; ein,
    dann siehste, dass zum rand vom container noch haufen
    platz is - also gibst noch paar px dazu

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  • Tobse
    Kaiser(in)
    Reaktionen
    4
    Beiträge
    2.439
    • 6. August 2009 um 15:03
    • #9

    Also warum man da nich weiterscrollen kann is mir ein rätzel...
    vielleicht was im JS? aber wir sind glaub schon auf der richtigen Spur :D

    Der, der weiß dass er nichts weiß, weiß mehr als der, der nicht weiß, dass er nichts weiß.

    Wer nach etwas fragt, geht grundsätzlich das Risiko ein, es auch zu bekommen!

  • Halfevil87
    Anfänger
    Beiträge
    4
    • 6. August 2009 um 15:03
    • #10

    390 / 580 gefällt mir sehr gut.. danke für die schnellen antworten..
    habs mal hochgeladen, falls jemand sehen will

  • driver
    Forum Guru
    Reaktionen
    6
    Beiträge
    20.727
    • 6. August 2009 um 15:04
    • #11
    Zitat von Tobse

    Also warum man da nich weiterscrollen kann is mir ein rätzel...
    vielleicht was im JS? aber wir sind glaub schon auf der richtigen Spur :D

    du bist nichtmal am holzweg... hat mit js nix zu tun. er hat schlichtweg
    die höhe falsch angegeben....


    edit: na also :)

    >> die icq-schreiberlinge bitte dies hier beachten

    [Blockierte Grafik: http://www.devil-driver.de/stuff/forum-banner.png]

    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

Tags

  • html
  • link
  • style
  • layout
  • problem
  • code
  • auto
  • paint
  • datei
  • div
  • abstand
  • scrollbar
  • height
  • css
  • scrollbalken
  • box
  • px
  • width
  • container
  • js
  • overflow

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern