Sidebar verrutscht!

Tschinie

Ich brauche eure Hilfe!
Bei meinen Theme verrutscht die Sidebar wenn ich zu viele Widgets reintue. Dann sind ein paar rechts, neben den Content wie es sich gehört, und ein paar links darunter.
Es kann nicht an der Höhe liegen denn ich hab die Höhe nicht festgelegt. Ich habe bei meinem Theme nur die Schrift der Sidebar festgelegt und nirgends #sidebar stehen. Ich weiss es liegt vlt. daran aber wenn ich zB #Primary (mein theme ist-war TwentyTen) schreibe dann ist die ganze Sidebar unter den Content.
Kann mir jemand helfen?

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

koslowski

stell am Besten einen Link zum Problem hier rein.

Die großen Quizsendungen sind leider nur Samstags. :-P

Tschinie

Zitat von koslowski

stell am Besten einen Link zum Problem hier rein.
Die großen Quizsendungen sind leider nur Samstags. :-P

Lol =)
Ich hab das Theme leider nur lokal gespeichert, aber hier der Code von der style.css

Code

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
}
body {
background-attachment: fixed;
background-color: #dfc0f1;
background-image: url("http://img840.imageshack.us/img840/635/lolyn.png");
background-repeat: no repeat;
margin-top: -20px;
max-height: 100%;
max-width: 100%;
padding-top: 15px
}




#content
 {
    background: none repeat scroll 0 0 #fff;
    float: left;
            clear: both;
    margin: 20px 100px 10px;
    padding: 0 30px 35px;
    width: 700px;
    border: medium #dfc0f1 groove;
    font-family: Verdana, Arial;
    font-size: 14px;
    color: #000;
}


#header
{
    background: url("http://img152.imageshack.us/img152/865/headerno.png") no-repeat scroll 0px 0 transparent;
    height: 297px;
    margin: 0 auto;
    overflow: auto;
    position: relative;
    width: 100%;


}




#menu-main-menu
{
background: url("http://img19.imageshack.us/img19/7716/ttab.png") transparent; 
font-size:1.1em;
}


#menu-main-menu, #menu-main-menu ul 
{
list-style: none;
line-height: 1;
}


#menu-main-menu a, #menu-main-menu a:hover 
{
display: block;
text-decoration: none;
border:none;
}


#menu-main-menu li 
{
float: left;
list-style:none;
border-right:0px solid #a9a9a9;
}


#menu-main-menu a, #menu-main-menu a:visited 
{
display:block;
font-weight:bold;
color: #fff;
padding:6px 12px;
}


#menu-main-menu a:hover, #menu-main-menu a:active, .current_page_item a, #home .on 
{
background:#8d6b93;
color: #fff;
text-decoration:none
}


#menu-main-menu li ul 
{
position: absolute;
left: -999em;
height: auto;
width: 174px;
border-bottom: 0px solid #a9a9a9;
}


#menu-main-menu li li
 {
width: 172px;
border-top: 0px solid #a9a9a9;
border-right: 0px solid #a9a9a9;
border-left: 0px solid #a9a9a9;
}


#menu-main-menu li li a, #menu-main-menu li li a:visited
 {
font-weight:normal;
font-size:0.9em;
color:#FFF;
}


#menu-main-menu li li a:hover, #menu-main-menu li li a:active {
background:#8d6b93;
color: #fff;
}
#menu-main-menu li:hover ul, #menu-main-menu li li:hover ul, #menu-main-menu li li li:hover ul, #menu-main-menu li.sfhover ul, #menu-main-menu li li.sfhover ul, #menu-main-menu li li li.sfhover ul {
left: auto;
}
a.main:hover {
background:none;
}


.post h2
{
   color: #8d6b93;
   font-family: Verdana, Arial;
   font-size: 24px;
   line-height: 33px;
   padding: 10px 0 6px;
   text-shadow: 4px 3px 2px #b08fb7;
   }
   
h2.entry-title
{
  color: #8d6b93;
  text-shadow: 4px 3px 2px #b08fb7;
}


h2.entry-title a
{
   color: #8d6b93;
   text-decoration: none;
}
h2.entry-title a:hover
{
  color: #fff;
  text-decoration: none;
  text-shadow: 4px 3px 2px #b08fb7;
  }


div.entry-meta
{
  color: #8d6b93;
  text-decoration: underline italic;
  font-size: 11px;
}  


div.entry-meta a
{
  color: #8d6b93;
  text-decoration: italic;
  font-size: 11px;
}
div.entry-utility
{
  color: #8d6b93;
  text-decoration: underline italic;
  font-size: 11px;
 }
 
 div.entry-utility a
 {
  color: #8d6b93;
  text-decoration: italic;
  font-size: 11px;
  }
  
#respond h3
{
  background: transparent;
  font-variant: small-caps;
  height: 35px;
  margin-left: -20px;
  padding-left: 10px;
  padding-top: 5px;
  text-align: left;
  text-shadow: 4px 3px 2px #b08fb7;
  }


h3#comments
{
  color: #000;
  float: left;
  font-family: verdana, arial;
  font-size: 18px;
  padding: 0 0 10px;
  text-shadow: 4px 3px 2px #b08fb7;
}
#comment-container
{
  overflow: hidden;
  width: 700px;
  }
  
.comment-content
{
  background: #dfc0f1;
  float: right;
  overflow: hidden;
  padding: 20px 30px 20px 55px;
  width: 650px;
  }
  
.comment-author
{
  border-bottom: 1px solid #8d6b93;
  margin: 0 0 15px;
  padding: 0 0 3px;
  }
 
cite.fn a
{
  color: #8d6b93;
  text-shadow: 4px 3px 2px #b08fb7;
  }


cite.fn a:hover
{
  color: #000;
  text-shadow: 4px 3px 2px #b08fb7;
  }


span.says
{
  color: #8d6b93;
  font-family: Verdana, Arial;
  font-size: 11px;
  text-decoration: italic;
  }
 
.comment-meta a,
.meta-sep
{
  color: #8d6b93;
  text-decoration: italic;
  font-size: 10px;
}


.comment-meta a:hover
{
  color: #8d6b93;
  text-decoration: italic;
  font-size: 10px;
  }
  
.comment-content p
{
  color: #000;
  line-height: 22px;
  padding: 0 0 13px;
  }
  
.reply a
{
  background: none repeat scroll 0 0 #dfc0f1;
  color: #8d6b93;
  display: block;
  float: right;
  font-family: verdana, arial;
  font-size: 12px;
  margin: 10px 0 0;
  outline: medium none;
  padding: 6px 10px;
  text-decoration: none;
  }
  
.reply a:hover
{
  background: none repeat scroll 0 0 #fff;
  color: #8d6b93;
  display: block;
  float: right;
  font-family: verdana, arial;
  font-size: 12px;
  margin: 10px 0 0;
  outline: medium none;
  padding: 6px 10px;
  text-decoration: none;
  }
 
.wp-post-image
{
  border: 4px solid #8d6b93;
  float: left;
  margin: 50px 0 0;
  }
  
a.more-link
{
  background: none repeat scroll 0 0 #fff;
  color: #8d6b93;
  display: block;
  float: right;
  font-family: verdana, arial;
  font-size: 12px;
  margin: 20px 0 0;
  outline: medium none;
  padding: 2px 5px;
  text-decoration: none;
  }


a.more-link:hover
{
  background: none repeat scroll 0 0 #fff;
  color: #8d6b93;
  display: block;
  float: right;
  font-family: verdana, arial;
  font-size: 12px;
  margin: 20px 0 0;
  outline: medium none;
  padding: 2px 5px;
  text-decoration: none;
  }
  
.entry-content a
{
  color: #8d6b93;
  text-decoration: none;
  text-shadow: 4px 3px 2px #b08fb7;
  }
  
.entry-content a:hover
{
  color: #b08fb7;
  text-decoration: none;
  text-shadow: 4px 3px 2px #b08fb7;
  }
  
#submit 
{
  background: none repeat scroll 0 0 #dfc0f1;
  color: #8d6b93;
  display: block;
  float: right;
  font-family: verdana, arial;
  font-size: 15px;
  margin: 10px 0 0;
  padding: 8px 13px;
  text-decoration: none;
  }
 
#submit:hover
{
 background: none repeat scroll 0 0 #fff;
 color: #8d6b93;
 display: block;
 float: right;
 font-family: verdana, arial;
 font-size: 15px;
 margin: 10px 0 0;
 padding: 8px 13px;
 text-decoration: none;
 }
 
#menu
{
   background: url("http://img831.imageshack.us/img831/7716/ttab.png") transparent;
   height: 25px;
   margin: 1em 0;
   width: 1100px;
   padding: 0px 300px 0px;
   }
   




.widget-title
{
  color: #8d6b93;
  font-family: "Mongolian Baiti", arial;
  font-size: 20px;
  line-height: 20px;
  padding: 0 0 15px;
  text-decoration: underline, italic, bold;
  text-shadow: 4px 3px 2px #8d6b93;
  }


.widget-title
ul, li
{
 color: #5d4361;
 font-family: verdana;
 font-size: 12px;
 }


.widget-title a
{
 color: #8d6b93;
 font-family: verdana;
 font-size: 12px;
 font-style: none;
 }
 
.widget-title a:hover
{
 color: #fff;
 font-family: verdana;
 font-size: 12px;
 font-style: none;
 }


.narrowcolumn
{
  float: right;
  padding: 0 45px 20px 0;
  margin: 0px 0 0;
  width: 450px;
  }
  


  
#footer
{
    margin: 0px 0px 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
    background: none repeat scroll 0 0 #8d6b83;
    height: 300px;
    padding: 0px 0px 0px 0px;
    color: #fff;
    text-align: center;
    font-family: verdana;
}


#footer a
{
   color: #fff;
   text-decoration: none;
   font-family: verdana;
   font-size: 10px;
   }


#footer a:hover
{
  color: #fff;
  text-decoration: none
  }

Alles anzeigen

koslowski

Zitat von Tschinie

Lol =)
Ich hab das Theme leider nur lokal gespeichert, aber hier der Code von der style.css

das nützt nicht so viel. Wir kennen leider deinen Quelltext (das was der Browser ausgibt, keinen php-code!) nicht.
Stell den doch bitte auch hier rein. ;-)

Tschinie

Kleines Problem...der hat nicht Platz. Hat über 1000 Zeichen zu viel.

koslowski

Zitat von Tschinie

Kleines Problem...der hat nicht Platz. Hat über 1000 Zeichen zu viel.

Dann reduziere ihn. Vieles brauchst man doch sicher nicht, um den Fehler reproduzierbar zu machen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar verrutscht!

Jetzt mitmachen!