Kleine Frage bezüglich css

Dieses Thema im Forum "Webentwicklung" wurde erstellt von Fraggy, 4. November 2008 .

Schlagworte:
  1. 4. November 2008
    Zuletzt von einem Moderator bearbeitet: 14. April 2017
    Hi,
    Ich hab folgendes Problem:
    Gestern hab ich mich mal ranngesetzt und angefangen mein Clandesign was ich schon einige Monate aufm Rechner in Html umzusetzen. Ich komm auch ganz gut vorran und bin mit der css "Methode" zufrieden. Die Page soll mit Vwar laufen. Leider ist mir jetzt aufgefallen das der Scroll-Balken auf der rechten seite fehlt,Sprich: Die Page wird nicht volltändig angezeit, habe auch mal nen screen gemacht: Bild
    {img-src: http://imageshack.us/a/img356/9613/pagesi2.gif}
    {bild-down: http://img356.imageshack.us/images/thpix.gif}

    Ich denke mal es fehlt einfach nen eintrag in die .css der dieses Problem behebt aber ihr seit ja die Profis .
    Also meine Frage: Was muss ich tuen damit ich den Scrollbalken dahin bekomme ?

    Für jede hilfreiche Antwort gibbet natürlich ne BW.
    Fraggy
     
    + Multi-Zitat Zitieren
  3. 4. November 2008
    AW: Kleine Frage bezüglich css

    Also standartmäßig wird die Scrollbar angezeigt, sobald der Content über das Fenster hinausgeht. D.h. du musst einen Eintrag gemacht haben, der das verhindert.

    Poste doch einfach mal den Quellcode (html und css), damit man sich das mal genau anschauen kann.
     
    + Multi-Zitat Zitieren
  4. 4. November 2008
    AW: Kleine Frage bezüglich css

    Hier der Quellcode:
    HTML:
    <html>
<head>
 <link 
 href="/page/joomla/templates/joomla150buch/css/template.css" 
 rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header">
<div id="nav_com">
<div id="nav_clan">
<div id="nav_media">
<div id="nav_user">
<div id="nav_links">
<div id="header_last">
<div id="box_bg">
<div id="box_login">1234
<div id="box_gallery">
<div id="content"></div>
</body>
</html>
    und hier die css:
    PHP:
    body  {
           margin :  0px ;
           text - align :  left ;  
           background - color :  #363636;
    }
    #header {
             position :  fixed ;
             top :  0px ;
             left :  135px ;
             width :  1000px ;
             background - image :  url (../ images / header . gif );
             height :  260px ;
    }
    #nav_com {
           position :  fixed ;
           top :  260px ;
           left :  135px ;
           width :  180px ;
           height :  162px ;
           background - image :  url (../ images / nav_com . gif );
    }
    #nav_clan {
           position :  fixed ;
           top :  422px ;
           left :  135px ;
           width :  180px ;
           height :  180px ;
           background - image :  url (../ images / nav_clan . gif );
    }
    #nav_media {
           position :  fixed ;
           top :  602px ;
           left :  135px ;
           width :  180px ;
           height :  161px ;
           background - image :  url (../ images / nav_media . gif );
    }
    #nav_user {
           position :  fixed ;
           top :  763px ;
           left :  135px ;
           width :  180px ;
           height :  114px ;
           background - image :  url (../ images / nav_user . gif );
    }
    #nav_links {
           position :  fixed ;
           top :  877px ;
           left :  135px ;
           width :  180px ;
           height :  137px ;
           background - image :  url (../ images / nav_links . gif );
    }
    #header_last {
           position :  fixed ;
           top :  260px ;
           left :  315px ;
           width :  649px ;
           height :  162px ;
           background - image :  url (../ images / header_last . gif );
    }
    #box_bg {
           position :  fixed ;
           top :  495px ;
           left :  964px ;
           width :  171px ;
           height :  100 %;
           background - image :  url (../ images / box_bg . gif );
    }
    #box_login {
           position :  fixed ;
           top :  260px ;
           left :  964px ;
           width :  171px ;
           height :  85px ;
           background - image :  url (../ images / box_login . gif );
    }
    #box_gallery {
           position :  fixed ;
           top :  345px ;
           left :  964px ;
           width :  171px ;
           height :  150px ;
           background - image :  url (../ images / box_gallery . gif );
    }
    #content {
           position :  absolute ;
           top :  422px ;
           left :  495px ;
           width :  1px ;
           height :  1px ;
           background - image :  url (../ images / header_last . gif );
      }
     
    + Multi-Zitat Zitieren
  5. 4. November 2008
    AW: Kleine Frage bezüglich css

    Schau dir das mal an: position

    Das grüne Kästchen rechts zeigt, was position: fixed für den div-Layer festlegt beim Scrollen. Sicher nicht das, was du dir wünscht.

    SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen
    SELFHTML: Stylesheets / CSS-Eigenschaften / Positionierung und Anzeige von Elementen
     
    + Multi-Zitat Zitieren
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.

Auf dieses Thema antworten