Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.01.2010 um 14:07 (UTC)    
Titel: CSS-Design: Wenig Content Inhalt - trotzdem rechte Scrollbar

Hallo,
ich habe mal ein kleines Problem. Undzwar folgendes:
Ich habe mir ein Webtemplate angepasst, das auch hervorragend funktioniert. Allerdings zeigt der Mozilla Firefox rechts eine Scrollleiste im Content an, auch wenn der Content gar nicht lang ist, also der Text geht auf einigen Seiten nicht über dem festgelegten Content hinaus, und die Scrollbar kann man auch nicht bewegen. Weiß vielleicht jemand, wie man den entfernen kann?

Das hat ja nichts mit dem Content Code zu tun, overview auto und sowas, das funktioniert alles gar nicht.

http://sonntags-sonne.de.tl/

Auf der Startseite könnt ihr das gut sehen, dass unten bis zum Content noch viel Platz ist und trotzdem noch eine Scrollleiste angezeigt wird, die man nicht scrollen kann.

Vielen Dank schonmal für eure Hilfe!

Hier mein Code:
CSS CODE OHNE STYLE TAGS:

Code:
#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
#nav{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

/* 
Theme Name: OnlineCasinoTemplate268
Theme URI: http://www.zinruss.com/themes/online-casino-template-268.html
Description: Designed by <a href="http://www.casinator.com/learn-how-to-play-poker.php">How to Play Poker</a> and available FREE at <a href="http://www.zinruss.com/themes/">WordPress Themes Gallery</a>
Author: How to Play Poker
Author URI: http://www.casinator.com/learn-how-to-play-poker.php
Tags: black, white, yellow, orange, brown, two-columns, fixed-width, left-sidebar
*/

/*
   * Default HTML tags
   */
a {
    color: #181818;
    }

a:visited {
            color: #181818;
            text-decoration: underline;
}

a:hover {
   color: #181818;
}

acronym, abbr {
                cursor: help;
                }

blockquote {
   border-left: 3px solid #f65403;
   margin-left: 15px;
   padding-left: 5px;
}

body {
       background: #fce65e url("http://www.loaditup.de/files/449111.jpg") repeat-x top;
       color: #fce65e;
       font-size: 60.5%;
       font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
       margin: 0 auto;
       padding: 0;
       text-align: center;

       }

cite {
   font-size: 90%;
   font-style: normal;
}

h2 {
     font-size: 12px;
     background: url("images/post-title-background.jpg") repeat-x;
     margin: 11px 0 6px 0;
     padding: 4px 0 8px 5px;
     font-weight: bold;
     color: #181818;
}

h2 a{
                     text-decoration: none;
                     color: #181818;
                     }
h2 a:visited{
                     text-decoration: none;
                     color: #181818;
                     }
h2 a:hover{
                     text-decoration: none;
                     color: #181818;
                     }
h2 a:visited:hover {
                     text-decoration: none;
                     color: #181818;
                     }
h3 {
     font-size: 120%;
     margin-top: 0;
}

img {
      padding: 3px;
      border: #fede00 0px solid;
      }

a:hover img {
      padding: 3px;
      border: #181818 0px solid;
}


img.alignleft {
                float: left;
                margin: 3px 3px 0px 0;
                }

img.alignright {
                 float: right;
                 margin: 0 3px 0px 3px;
                 }

li {
     margin: 0;
     padding: 0;
     list-style-type: none;
     }


ol#comments li p {
                   font-size: 100%;
                   }

ul {
     margin: 0;
     padding: 0;
     }

/*
   * Classes
   */

/* The credits at the bottom of the site */
#credit {
          color: #333;
          font-size: 11px;
          width: 868px;
          text-align: center;
          margin: 0 auto;
          padding: 5px 0 5px 0;
          clear: both;
         
          }

#credit a,
#credit a:hover,
#credit a:visited,
#credit a:visited:hover {
                          color: #181818;
                          }





/* Link to the comments */
.feedback {
            color: #181818;
            text-align: right;
            clear: both;
            text-transform: lowercase;
            font-size: 11px;
            font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
            }

.feedback a {
                            text-decoration: none;
                            color: #f65403;
                            font-weight:bold;
                            }
.feedback a:hover {
                            text-decoration: underline;
                            }
.feedback a:visited {
                            text-decoration: none;
                            color: #f65403;
                            }
.feedback a:visited:hover {
                            text-decoration: underline;
                            }

/* The post informations */
.meta {
        font-size: 0.9em;
        }

.meta li,
ul.post-meta li {
                  display: inline;
                  }

.meta ul {
           display: inline;
           list-style: none;
           margin: 0;
           padding: 0;
           }

.meta a {
          color: #f65403;
          text-transform: lowercase;
          text-decoration: none;
          font-weight:bold;
          }

.meta a:hover {
   text-decoration: underline;
          }

.meta {
        color: #181818;
        font-weight: normal;
        letter-spacing: 0;
        font-size: 11px;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
       
        }


.storycontent {
                font-size: 115%;
                }

/* Comment form design */
#commentform #author,
#commentform #email,
#commentform #url,
#commentform textarea {
                        background: #fefefe;
                        border: 1px solid #fede00;
                        color: #181818;
                        }

#commentform textarea {
   width: 96%;
}

#commentlist li ul {
   border-left: 1px solid #fede00;
   font-size: 110%;
}

ol#commentlist li {
                  list-style: decimal;
                  }
#content {
           float: right;
           width: 610px;

           padding: 0px 20px 20px 12px;
           text-align: left;
           display: inline;
           }

#content ol li {
                 list-style: decimal;
                 }

#content ul {
              margin-top: 10px;
              margin-left: 35px;
              }

#content ul li {
                 list-style-image: none;
                 }

#content-big {
           float: left;
           width: 612px;
           padding: 0px 8px 20px 12px;
           text-align: left;
           display: inline;
           text-align: justify;
           }


#header {
          font-size: 28px;
          font-weight: bold;
     text-decoration:none;
          font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
          margin: 0 auto;
          height: 317px;
          width: 900px;
          background: url("http://www.loaditup.de/files/449143.jpg");
          }

.header-title {
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
   color:#f65403;
   font-size:23px;
        font-weight:bold;
   padding: 138px 0 0 188px;
   text-align:left;
   }
.header-title a{
   color:#f65403;
   text-decoration:none;
   border-bottom:none;
   }
.header-title a:hover{
   color:#181818;
   text-decoration:none;
   border-bottom:none;
   }
.header-description {
        font-size: 11px;
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        font-weight: normal;
   color:#181818;
   padding: 10px 0 0 190px;
   text-align:left;
   }




#footer {
          width: 900px;
          height: 39px;
          margin: 0 auto;
          color: #181818;
          background: url("http://www.loaditup.de/files/449127.jpg") no-repeat;
          font-size: 11px;
          font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
          }

#footer p {
                          color: #181818;
                          text-decoration: none;
                          padding-top: 9px;
                          text-align: center;
                          }


#footer a, #footer a:visited{
                          color: #f65403;
                          text-decoration: none;
                          font-weight:bold;
                          }
#footer a:hover,#footer a:visited:hover {
                          color: #181818;
                          text-decoration: underline;
                          }

/*
   * Left sidebar
   */
#menu-left {
             float: left;
             padding: 0px 8px 20px 20px;
             width: 230px;
             display: inline;
             }

#menu-left a,
#menu-left a:visited {         font-size: 11px;
                        font-weight:bold;
                             line-height: 16px;
                             text-decoration: none;
                             color: #181818;
                             }

#menu-left a:hover,
#menu-left a:visited:hover  {
                              color: #181818;
                             text-decoration: underline;
                              }

#menu-left ul ul {
                   margin-left: 16px;
         margin-bottom: 12px;
                   }

#menu-left ul ul li {
                      list-style-image: url("images/icon.gif");
                      }

#menu-left h2 {
     font-size: 12px;
     background: url("images/sidebar-h2.jpg") no-repeat;
     margin: 11px 0 6px 0;
     padding: 4px 0 4px 5px;
     font-weight: bold;
     color: #fefefe;
             width: 230px;
}


/* End of left sidebar */



input#s {
          width: 158px;
          background: #fefefe;
          border: 1px solid #181818;
          color: #181818;
}

#rap {
       width: 900px;
       margin: 0 auto;
       background: url("http://www.loaditup.de/files/449116.jpg") repeat-y;
       text-align: left;
       }
#search {
   margin: 0px 0px 0px 0px;
   height: 20px;
   width: 230px;
}

.searchfield {
   vertical-align: middle;
   padding: 1px;
   margin: 1px;
   background: #fefefe;
   border: 1px solid #181818;
   color: #181818;
   width: 150px;
   font-size: 12px;
   height: 16px;
}

.searchsubmit {
   vertical-align: middle;
   padding: 1px;
   background: #fefefe;
   border: 1px solid #181818;
   color: #181818;
   width: 60px;
   font-size: 12px;
   height: 20px;
        padding: 0px 0px 3px 0px;
}





#content {
position: absolute;
left: 50%;
top:410px;
margin-left:-190px;
width: 600px;
padding:10px;
color: #000000;
font-size: 14px;
font-family: Arial;
background-color:#transparent;
background-image:url();
border: 0px solid #C1F3C3;
height: 1070px;
overflow:auto;
}


td[height="102"] {
position:absolute;
left:50%;
margin-left:-384px; }

#counter{
position:absolute;
left:50%;
top:400px;
left: 670px;}
Beitrag03.03.2010 um 18:02 (UTC)    
Titel:

Gibt es hier etwa niemanden, der eine Lösung findet, den Scrollbalken trotz wenig Inhalt per CSS zu entfernen? Laughing
Beitrag03.03.2010 um 18:09 (UTC)    
Titel:

Ge mal in dein Editor von deiner Startseite und dann auf Quallcode und lösche mal die Latte.

Code:
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>


und weiter unten auch die

Code:
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>

<p> </p>
<p> </p>


Dann Speichern und dann müsste es weg sein.
______________


Klick mich
Beitrag03.03.2010 um 19:25 (UTC)    
Titel:

Hey,

mensch, das ist ja witzig. Das war alles und schon ist es weg?

Keine Ahnung, wie das da reingekommen ist, aber das Problem ist gelöst.
Kannst dir nicht vorstellen wie dankbar ich dir bin,

Gruß,
Jens Very Happy
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de