Sidebar

MarkoJanett

Hallöchen ihr lieben ... habe auch ein Fehler für euch, welchen ich jetzt vergeblich versuche loszuwerden :|
Und zwar hat sich meine rechte Sidebar nach unten / unter dem Content verschoben. Hmmm habe ich finde einfach nicht fehler in der css Datei. ich habe lediglich einen Signaturbanner eingefügt, dieser ist aber nicht größer als der Content, in welchem er liegt!
Hier die Ansicht: http://janettd.bplaced.net/wordpress/

Code

/* 
	Theme Name: MyDiary
	Theme URL: [url]http://www.geckoandfly.com/wordpress-themes[/url]
	Description: Hand Crafted 2 column Wordpress theme
	Author: GeckoandFly
	Author URI: [url]http://www.geckoandfly.com[/url]
	Version: 1.2
		
	The CSS, XHTML and design is released under GPL:
	[url]http://www.opensource.org/licenses/gpl-license.php[/url]
	
*/


body {
	background: #fff;
	width: 1000px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	}
	
#wrap {
	background: #fff;
	width: 1000px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	margin: 0px ;
	padding: 0px ;
	}
	
/************************************************
*	Hyperlinks									*
************************************************/


a, a:visited{
	color: #507AA5;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}
	
/************************************************
*	Header  									*
************************************************/


#header {
	background: #FFFFFF url(images/header.gif) ;
	width: 728px;
        height: 290px;
	padding: 0px 0px 10px 0px ;
	margin: 0px 0px 0px 0px;
	}


/************************************************
*	Right Sidebar      							*
************************************************/
	
#r_sidebar {
	float: right;
	width: 200px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 0px 0px;
	display: inline;
	}


#r_sidebar p{
	padding: 2px 0px 16px 0px;
	margin: 0px;
	line-height: 20px;
	}


#r_sidebar ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	}
	
#r_sidebar ul li a {
	color: #507AA5;
	text-decoration: none;
	}


#r_sidebar ul li a:hover {
	color: #507AA5;
	text-decoration: underline;
	}


#r_sidebardotted {
	margin: 10px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	border: 1px dotted #C0C0C0;
	}
	
/************************************************
*	Content 					     		    * 
************************************************/


#content {
	width: 700px;
	margin: 0px 0px 0px 40px;
	padding: 0px;
	}


#content p{
	padding: 0px 0px 15px 0px;
	margin: 0px;
	line-height: 20px;
	}


#content p img{
	max-width: 468px;
	}
	
#content h1 {
	color: #333333;
	font-size: 20px;
	font-family: Bradley Hand ITC, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	}
	
#content h1 a  {
	color: #660000;
	text-decoration: none;
	}


#content h1 a:hover {
	color: #6699cc;
	text-decoration: none;
	}
	
#content h2 {
	color: #333333;
	font-size: 16px;
	font-family: Bradley Hand ITC, Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 5px 0px 10px 0px;
	margin: 0px;
	border-top: 0px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	}


#content h3 {
	color: #333333;
	font-size: 18px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 10px 0px 2px 0px;
	margin: 0px;
	}
#content h4 {
	color: #333333;
	font-size: 14px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: normal;
	padding: 0px 0px 2px 0px;
	margin: 0px;
	}
#content h5 {
	color: #333333;
	font-size: 14px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: -5px 0px 0px 0px;
	}


#contentmiddle {
	float: left;
	width: 468px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 10px 20px;
	_padding: 20px 0px 10px 20px;
	display: inline;
	}
	
#contentmiddle ol{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentmiddle ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
	
#contentmiddle ul{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}
	
#contentmiddle ul li{
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}
		
.contenttitle {
	width: 468px;
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#content img.wp-smiley {
	float: left;
	border: none;
	padding: 0px;
	margin: 0px;
	}


#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
.postspace {
	background: #fff;
	width: 468px;
	height: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	}
/************************************************
*	Footer      								*
************************************************/


#footer {
	width: 708px;
	margin: 0px 0px 0px 40px;
	padding: 10px 0px 10px 0px;
	}
.footer_text {
	color: #999;
	font-size: 10px;
	font-family: Verdana, Helvetica, Sans-Serif;
	text-align: left;
	margin: 5px 0px 5px 3px;
	}
#footerbar {
	background: #f0f0f0;
	width: 708px;
        height: 35px;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 2px solid #666666;
	}
#footer_images {
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	float: right;
	vertical-align: middle;
	}


/************************************************
*	Search Form									*
************************************************/


#searchdiv {
	margin: 0px;
	padding 0px;
	}
	
#searchform {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#s {
	width: 192px;
	background: #FFFFFF url(images/search.gif);
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 3px;
	margin: 8px 0px 0px 0px;
	border: 1px solid #C0C0C0;
	}


/************************************************
*	Comments									*
************************************************/
	
#commentblock {
	width: 400px;
	background: #FFFFFF;
	color: #000000;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border: 0px solid #999999;
	}
	
#commentblock ol{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0px;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0px;
	}
.commentlist li .avatar { 
	float: left;
	border: 1px solid #eee;
	padding: 2px;
	margin: 0px 5px 2px 0px;
	background: #fff;
	}
.commentname {
	color: #333333;
	margin: 0px;
	padding: 5px 5px 5px 0px;
	}


.commentinfo{
	clear: both;
	}


.commenttext {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 350px;
	background: #efefef url(images/comment.gif) no-repeat top;
	}


.commenttext-admin {
	clear: both;
	margin: 3px 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	width: 350px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}


#commentsformheader{
	padding-left: 0px;
	}


#commentsform{
	text-align: center;
	margin: 0px;
	padding: 0px;
	}


#commentsform form{
	text-align: left;
	margin: 0px;
	}


#commentsform p{
	margin: 0px;
	}


#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
.count {
        float:right;
        font-size:26px;
        color:#999;
        font-style: italic; 
        }
/************************************************
*	blockquote									*
************************************************/
	
blockquote {
	margin: 10px 15px 10px 20px;
	background: url(images/quote.gif);
	background-repeat: no-repeat;
	padding-left: 65px;
	color: #999;
        }
/*************************************
 +feed
 *************************************/
.feed
{
   width: 200px;
   height:81px;
   background: #fff url(images/feedburner_background.gif) top no-repeat;
}
.aditem_feed
{
   padding: 7px 3px 0px 3px;
}

Alles anzeigen

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

alchymyth

die sidebar sieht normal aus - in IE7 und FF3.6

in welchem browser passiert das bei dir?

hast du schon mal den browser-cache geleert? zB durch 'STRG F5' druecken?

nb: die style.css brauchst du nicht posten, die ist mit einem link zu deiner seite frei zugaenglich (ausserdem ist dafuer der code button # und nicht der zitat-button).

MarkoJanett

Zitat von alchymyth

die sidebar sieht normal aus - in IE7 und FF3.6

in welchem browser passiert das bei dir?

hast du schon mal den browser-cache geleert? zB durch 'STRG F5' druecken?

nb: die style.css brauchst du nicht posten, die ist mit einem link zu deiner seite frei zugaenglich (ausserdem ist dafuer der code button # und nicht der zitat-button).

Alles anzeigen

Alles klar ... hat sich schon erledigt. Habe alles in <center> gepackt, da ging es dann.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar

Jetzt mitmachen!