Sidebar verrutscht

Ferdinand

Hallo,

gerade habe ich festgestellt, dass die Sidebar in meinem Blog nach unten verrutscht ist. Weiß jemand eine Lösung zu diesem Problem?

Blog Galerie Priska Pasquer

:confused:

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

jottlieb

Hast du was am Theme verändert?

Ferdinand

Ja, einiges. Das original Mezzanine Theme sieht ein wenig anders aus.

Komischweise habe ich den Fehler erst jetzt bemerkt. Bei meinem letzten Blogeintrag, der schon ein paar Wochen her ist, war er noch nicht da.

Das hier ist die Style.css

CSS

/*
Theme Name: Mezzanine
Theme URI: http://www.redworks.sk/mezzanine
Description: A clean, simple monochromatic 2 column theme.
Author: Redface
Author URI: http://www.redworks.sk
*/
body {
	font: 0.8em Arial, Verdana, 'Helvetica', sans-serif;
	background: #eaeaea url(images/back.jpg) repeat-y center;
	margin: 0px;
	padding: 0px;
}


#page {
	width: 750px;
	margin: 0 auto;
	background: #ffffff;
}


#header {
	width: 100%;
	height: 110px;
	_height: 150px;
}


#wrapper {
	width: 750px;
}


#content {
	width: 500px !important;
}


#sidebar {
	width: 200px;
	margin: 0px 0px 40px 0px;
	float: right;
}
#footer {
	height: 40px;
	clear: both;
	background: #f5f5f5;
        padding: 16px;
        text-align: center;
	margin-bottom: 20px;	
}


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


#footer a:hover {
	text-decoration: underline;
	color: #b3b3b3;
}




a {	color: #423434;
	text-decoration: none;
        outline: none;
	font-weight: normal;
}


a:hover {
	color: #000000;
	outline: none;
	font-weight: normal;
}












/*------------- HEADINGS -------------*/




h1, h1 a {
	margin-top: 40px;
	font-size: 40px;
        font-weight: normal;
	margin-bottom: 0px;
        color: #D4D4D4
}


h1 a:hover {
	background: #E0E0E0;	
	color: #ffffff;


}


.description {
	font-size: 1em;
}


h2 {
	font-size: 1.3em;
	font-weight: normal;
        color: #808080
}


h4 {
	font-size: 1.8em;
	margin-bottom: 0px;	
	font-weight: normal;
	margin-top: 60px;
	font-style: italic;
}


blockquote {
	margin: 0 20px;
	padding: 0 15px;
	border-left: 4px solid #f5f5f5;
        text-align: justify;
}










/*------------- CONTENT -------------*/




h2, h2 a:visited, h2 a {
	margin-bottom: 5px;	
        color: #808080
}


h2 a:hover {
	background: #E0E0E0;	
	color: #ffffff;
}


.post {
	margin-bottom: 90px;	
	margin-top: 60px;	
	clear: both;
}


.post img {
	max-width: 500px;
	width: expression(this.width > 500 ? 500: true);
	border: 1px solid #ced4ca;
	padding: 3px;
	margin: 5px;
        align="center"
}




.post li {
	list-style-type:square;
}


.entry {
	line-height: 150%;
	text-align: justify;
	
}


.post li a, .entry a {
	color: #555555;
	text-decoration: underline;
}


.post li a:hover, .entry a:hover {
	background: #E0E0E0;
	color: #ffffff;
	text-decoration: none;
}


.entrytext  {
	line-height: 150%;
	display: block;
	clear: both;
}


.entrytext p {
	text-align: justify;
}


.entrytext p  a {
	color: #555555;
	text-decoration: underline;
}


.postmetadata, .postmetaedit {
	padding: 3px;
	font-size: 0.9em;
	color: #AAAAAA;
	background: #f5f5f5;
}


.postmetadata a{
	color: #AAAAAA;
	text-decoration: underline;
}


.postmetaedit {
	background: transparent;
}


.postmetaedit a:hover {
	background: transparent;
	text-decoration: underline;
}


img, a img {
	display: inline;
	border: 1px solid #ced4ca;
	padding: 3px;
	margin: 5px 0 5px 0;
}






/*-------------- SIDEBAR ------------*/




#sidebar ul {
	margin: 0px;
	padding: 0px;
	}


#sidebar ul h2 {
        color: #808080
	font-size: 1.6em;
	border-bottom: 1px dotted #dbdbdb;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 0px;
}


#sidebar ul li {
	list-style-type:none;
	text-align:left;
}


#sidebar ul ul {
	margin-bottom: 30px;
}


#sidebar ul ul li {
	line-height: 22px;
	border-bottom: 1px dotted #dbdbdb;
	display: block;
}


#sidebar ul ul ul {
	margin: 0px;
	border-top: 1px dotted #dbdbdb;
}


#sidebar ul ul ul li {
	margin-left: 15px;
	padding-left: 15px;
	line-height: 26px;
	background: url(images/sub.gif) no-repeat left;
}


#sidebar li a {
	display: block;
}


#sidebar li a:hover {
	display: block;
	background: #E0E0E0;
	color: #ffffff;
	text-decoration: none;
	padding-left: 5px;
}


#sidebar a {
	color: #555555;
}










/*-------------- COMMENTS --------------*/




ol.commentlist {
	margin-bottom: 50px;
}


#author, #email, #url {
	background: #f6f6f6;
	border: 1px solid #857373;
	padding-left: 5px;
}


#comment {
	width: 450px;
	background: #f6f6f6;
	border: 1px solid #857373;
	padding: 5px;
}


#commentform {
	margin-left: 20px;
}


.commentauthor, .commentauthor  a {
	font-size: 1.1em;
	font-weight: bold;
	display:block;
	margin: 0px;
	padding: 0px;
}


ol.commentlist li {
	padding: 10px;
	width: 400px;
}


ol.commentlist ol {
	font-weight: bold;
}


ol.commentlist li.alt {
	background: #f5f5f5;
}








/*-------------- SEARCH FORM -------------*/


#searchform {
	margin-bottom: 30px;
}


#searchform input {
	background: #ffffff;
	border: 1px dotted #dbdbdb;
	padding-left: 5px;
}


#searchform #s {
	width: 190px;


}


#searchform #searchsubmit {
	border: 1px dotted #dbdbdb;	
}








/*------------- CALENDAR -----------------*/


#wp-calendar {
	width: 100%;
	color: #8c8c8c;
	margin-bottom: 20px;
}


#wp-calendar th {
	border-top: 1px dotted #c3c3c3;
	border-bottom: 1px dotted #c3c3c3;
	color: #000000;
}


#wp-calendar a {
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}


#wp-calendar a:hover {
	color: #898989;
	font-weight: bold;
	background: #E0E0E0;
	padding: 0px !important;
	
}


#prev a,  #next a {
	margin: 10px;
}


#wp-calendar caption {
	color: #000000;
	margin: 10px;
	font-size: 1.1em;
}








/*------------- OTHER ------------------*/


hr {
	display: none;
}




img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}


img.alignright{
	padding: 4px;
	margin: 3px 0 2px 10px;
	display: inline;
}


img.alignleft{
	padding: 4px;
	margin: 3px 10px 2px 0;
	display: inline;
}


.alignleft{
	float: left;
}


.alignright{
	float: right;
}

Alles anzeigen

jottlieb

Tja, man könnte jetzt sagen, dass du ja wissen müsstest wo der Fehler ist, weil du das Theme geändert hast ;) Und es muss ja auffallen, wenn auf einmal ein Fehler ist.

Ansonsten scheint dies Abhilfe zu schaffen:

CSS

#content {
	width: 500px !important;
}

ändern in

CSS

#content {
	width: 500px !important;
float: left;
}

Ferdinand

Zitat von jottlieb

Tja, man könnte jetzt sagen, dass du ja wissen müsstest wo der Fehler ist, weil du das Theme geändert hast ;) Und es muss ja auffallen, wenn auf einmal ein Fehler ist.

Hehe, als Laie nehme ich meine Änderungen in Trial and Error vor. Wenn der Error dann erst später auffällt, fällt es mir sehr schwer die Ursache zu finden. :-?

Aber vielen Dank! Dein Tip hat sofort geholfen! :-D

Buegel

Hallöle!
Ich hab hier ein ähnliches Problem. In der Archivansicht (egal ob Tag, Monat etc. rutscht ständig die Sidebar unter die Posts. Leider helfen float:left und ähnliche Dinge nicht. :(

Hier mal das Css, vielleicht seht ihr ja etwas.

PHP

* {
    padding: 0; 
    margin:0;
}
p {
    margin: 0.7em 0;
    line-height:1.6em;
}
dl {
    margin:1em 0;
}
dt 
{
    font-weight:bold;
}
dd 
{
    margin:0.5em;
    padding:0;
}
img 
{
    background:url(img/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border:none;
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;    
}
a img {
    border:none;
    background:none;
    padding:none;
    background:url(img/shadow.gif) no-repeat right bottom;
    padding:4px 10px 10px 4px;    
    border-top:#eee 1px solid;
    border-left:#eee 1px solid;    
}
.clear {
    clear:both;
    height:20px;
}


blockquote
{
    color:#666;
    margin: 1em;
    padding: 0 0 10px 50px;
    background: url(img/blockquote.gif) no-repeat left top;    
}
fieldset 
{
    border:none;
}
body 
{
    background: #f9f9f0;
    margin: 0; 
    font: 76%/1.6em verdana, tahoma, arial,  sans-serif; 
    color: #333; 
    text-align: center;
}
a 
{
    text-decoration:none;
}
a:link, a:visited {
    color: #265e15;    
}
a:hover, a:active {
    border-bottom:#963 1px solid;
}
h1, h2, h3, h4, h5, h6 
{
    font-family:Georgia, Verdana, Arial, Serif;
}


#container {
    border: #ccc 1px solid; 
    background: #fff; 
    margin: 0 auto; 
    width: 780px;     
    position: relative; 
    text-align: left;
}
#navigation {
    background: transparent; 
    margin: 20px auto 0; 
    overflow: hidden; 
    width: 760px; 
    position: relative; 
    text-align: left;
    font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;
}
 html #navigation {
    height: 1%;
}
#navigation ul li {
    float: left; 
    margin: 0 5px 0 0; 
    list-style-type: none;
}
#navigation ul li a {
    border: #dedede 1px solid; 
    border-bottom:none;
    padding: 2px 10px; 
    display: block; 
    font-weight:bold;
    color:#666;        
    text-decoration: none;
    background:#ededed;
}
#navigation ul li a:hover, #navigation ul li a:active, #navigation ul li.current_page_item a {
    background: #fff;
    color: #333;    
    border: #ccc 1px solid; 
    border-bottom:none;        
}
#navigation ul li.search {
    font-size: 0.9em; 
    right: 0; 
    position: absolute; 
    top: 0;
}
#navigation ul li.search input#searchsubmit {
    border: #999 1px solid; 
    font-size: 0.9em; 
    background: #ddd; 
    margin: 0 0 0 2px; 
    color: #265e15; 
    padding: 2px;         
}
#header {
    clear: both; 
    float: left; 
    margin: 10px 5px; 
    width: 450px;
}
#header h1 
{
    font-size:1.8em;
    margin:10px 0 0 10px;
    font-variant:small-caps;
    letter-spacing:1px;        
}
#header h1 a {
    
    text-decoration:none;    
    border:none;
}
#header h2 
{
    margin:5px 0 0 10px;
    font-size:1em;
    font-weight:normal;
    font-family:Tahoma, Verdana, Arial, Serif;
    letter-spacing:1px;        
}
#feedarea {
    padding:10px 10px 0 0; 
    float: right;     
    text-align: right;
}
html #feedarea {
    padding-top: 10px;
}
#feedarea dl dt {
    display: inline; 
    margin-right: 5px; 
    height: 45px;
}
#feedarea dl dd {
    display: inline; 
    margin-right: 5px; 
    height: 45px;
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:16px;
}
#headerimage {
    clear: both; 
    background: #fff url(img/misty.jpg) no-repeat 0 0;
    margin: 10px; 
    color: #fff; 
    height: 200px;
}
 html #headerimage {
    margin-top: 0;
}
#content {
    margin: 10px 10px 10px 30px; 
float: left;
}
 html #content {
    height: 1%;
}
#content h3 {
    font-size: 1.4em; 
    font-weight:normal;
    margin: 1em 0 0;
    color: #265e15;    
}
#content h4 {
    font-size: 1.1em; 
    margin: 1em 0 0 0;
}
#content h5 {
    font-size: 1em; 
    margin: 1em 0;
}
#content-main ul 
{
    margin:1em;
    padding:0 1em;
    list-style-image:url(img/bullet.png);
}
#content-main ul.asides 
{
    margin:0;
    padding:2em;
    border-bottom:#ddd 1px dashed;
}
#content ol 
{
    list-style-type:decimal;
    margin:1em;
    padding:0 1em;
}
#content-main {
    float: left; 
    width: 500px; 
    margin-right: 20px;
}
 html #section-index #content-main {
    margin-right: 20px;
}
#content .post 
{
    padding:0 0 2em 0;
    border-bottom:#ddd 1px dashed;
}
#content p img.right {
    float: right;
    margin:10px 0 0 10px;    
}
#content p img.left {
    float: left; 
    margin:0 10px 10px 0;
}
#content .post h2 
{
    font-size: 1.4em; 
    margin: 1em 0 0;    
    letter-spacing:1px;
    font-weight:normal;    
}
#content .entry 
{
    margin:1em 0;
    padding-right:1em;    
}
#content .entry a:link, #content .entry a:visited
{
    border-bottom:#963 1px dashed;    
}
#content .entry a:hover, #content .entry a:active
{
    border-bottom:#963 1px solid;    
}
#content .post-info , #content .postmetadata
{
    font-size:0.9em;
    color:#999;
    margin:0;
    padding:0;    
}
#content .post-info 
{
    background:url(img/underline1.jpg) no-repeat left bottom;
    padding-bottom:12px;    
}
#sidebar {
    float: left; 
    width: 200px;
    font-size:0.9em;
}
#sidebar ul
{
    list-style:none;
    margin:0;
    padding:0;
}
#sidebar ul ul
{
    list-style:none;
    margin:0.5em 0 0 1em;
    padding:0;
}
li.sidebox {
    padding:10px;
    background: url(img/sideheadtop.gif) #ededed no-repeat left top; 
    margin-bottom: 10px;     
}
html li.sidebox {
    padding-bottom: 10px;
}
li.sidebox h2 {
    font-weight: normal; 
    font-size: 1.6em; 
    text-align: left;
    color: #242;    
    font-variant:small-caps;
}
#sidebar li.sidebox p img {
    margin:0;
    padding:3px;
    border:#ccc 1px solid;
    background:none;
}


#footer {
    clear: both;     
    background: transparent; 
    margin: 0 auto; 
    width: 760px;     
    text-align: left;
}
 html #footer {
    height: 1%;
}
#footer p {
    float: left; 
    width: 50%; 
    line-height: 1.2em;
}
#footer p.right {
    float: right; 
    margin: 1em 0; 
    width: 50%; 
    text-align: right;
    font-size: 0.9em; 
    color:#999;
}
#comments, #respond{
    margin: 2em 0 10px 5px;
}
#commentform 
{
    margin:10px 0;    
    padding:10px;
    background:#f9fcfc;
    border-top: #ddd 1px solid;
    border-bottom: #ddd 1px solid;
}
.commentnum 
{
    font-size:1.5em;
    font-weight:bold;    
    margin:0 5px 0 0;
}
#container .commentlist {
    margin: 0;
    padding: 0;        
    border-top: #ddd 1px solid;
}
.commentlist li 
{
    list-style:none;
    margin: 0;
    padding: 0.5em;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border-bottom: #ddd 1px solid;
    
}
.commentlist li.alt 
{
    background:#f9f9f9;    
}
.commentlist li .cmtinfo 
{
    font-size:1em;        
}
.commentlist li cite 
{
    font-style:normal;
    font-weight:bold;
}
.commentlist li .cmtinfo em 
{
    float:right;
    margin:0;
    padding:0;
    font-style:normal;
    font-size:0.9em;
    color:#999;
}
#content .commentsfeed 
{
    background:url(img/icon_feed.gif) no-repeat left center;
    padding-left:16px;
}
#content .trackback 
{
    background:url(img/link.gif) no-repeat left center;
    padding-left:20px;
}
input.textbox
{
    border:#ccc 1px solid;
    background:#fff url(img/shadow_top.gif) repeat-x top;
    font:1em Verdana, Arial, Serif;
    padding:2px;
    width:150px;
}
textarea{
    width: 90%;
    padding:10px;
    line-height:2em;
    height: 20em;
    border: 1px solid #ccc;    
    background:#fff url(img/shadow_top.gif) repeat-x top;
    font:1em Verdana, Arial, Serif;
}
.textbox:focus, textarea:focus
{
    background:#fff url(img/shadow_top.gif) repeat-x top;
    border:#999 1px solid;
}
.post h4 
{
    font-size:1em;
    font-weight:normal;
    font-family:Verdana, Tahoma, Arial, Serif;
}
.post h4 em
{
    font-style:normal;
    float:right;
    font-weight:normal;
}
#header, #content, #sidebar, #footer, .widget {
    overflow: hidden;
}

Alles anzeigen

thx Micha

Achja .. das Thema heisst Mistylook

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar verrutscht

Jetzt mitmachen!