Wie verschiebe ich in einem Div-Layer den Inhalt, ohne dabei den HG anzusprechen?

muplo · 15.08.2011

Hey,

ich arbeite gerade an einem Blog. Er hat Header, Content und eine Seitenleiste, dementsprechend habe ich auch den Hintergrund quasi gesliced. Jetzt bin ich bei der Seitenleiste und dreh hier bald durch!!

#sidebar
{
background-image: url(xxx);
background-position: 290px 0;
width:600px;
height:900px;
margin-left: 250px;
margin-top: -45px;
padding: 40px 0 40px 0;

}

Im Anhang habe ich ein Bild beigefügt und was ich erreichen will, ist eigentlich dass die ganzen Sachen "Newest Ads, NEwest Clips etc" sich nach links verschieben sollen. Wenn ich das mach, dann verschiebt sich aber auch der Hintergrund. Wie kann ich das denn nun umgehen? Ich hoffe man kann mir helfen!

Danke

scope · 15.08.2011

Das bisschen Code reicht nicht wirklich, um dir eine Einschätzung zu geben.

Aber warum ist deine Seitenleiste 600px breit?

muplo · 15.08.2011

das stimmt alles auch nicht ganz. Wenn ich in der Sidebar.php ein weiteres Div platziere, um den Hintergrund separat einzufügen, dann verschieben die sich gegenseitig.

scope · 15.08.2011

Dann scheint deine HTML-Struktur grundsätzlich nicht richtig zu sein. Wie wäre's wenn du mal etwas mehr zeigst?

muplo · 15.08.2011

Könntest du bitte deine Fragen konkreter stellen?

scope · 15.08.2011

Zeig mehr von deiner HTML-Struktur und das dazugehörige CSS. Dein kleiner #sidebar-Block hilft überhaupt nicht.

muplo · 15.08.2011

Also ich arbeite mit Wordpress und kann dir ja die .php-Datei von der Sidebar zeigen

Code:

<div id="sidebar">
		<ul>
		
		<?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>
			
			<li>
				<?php include (TEMPLATEPATH . '/searchform.php'); ?>
			</li>
			
			<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
			<li><h2><?php _e('Author'); ?></h2>
			<p>A little something about you, the author. Nothing lengthy, just an overview.</p>
			</li>
			-->
				
			<li>
			<?php /* If this is a category archive */ if (is_category()) { ?>
			<p>You are currently browsing the archives for the <?php single_cat_title(''); ?> category.</p>
			
			<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>
			<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives
			for the day <?php the_time('l, F jS, Y'); ?>.</p>
			
			<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>
			<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives
			for <?php the_time('F, Y'); ?>.</p>

      <?php /* If this is a yearly archive */ } elseif (is_year()) { ?>
			<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives
			for the year <?php the_time('Y'); ?>.</p>
			
		 <?php /* If this is a monthly archive */ } elseif (is_search()) { ?>
			<p>You have searched the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives
			for <strong>'<?php echo wp_specialchars($s); ?>'</strong>. If you are unable to find anything in these search results, you can try one of these links.</p>

			<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>
			<p>You are currently browsing the <a href="<?php echo get_settings('siteurl'); ?>"><?php echo bloginfo('name'); ?></a> weblog archives.</p>

			<?php } ?>
			</li>

			<?php wp_list_pages('title_li=<h2>' . __('Pages') . '</h2>' ); ?>
			
			<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>				
				<?php get_links_list(_name); ?>
			
			<li><h2><?php _e('Categories'); ?></h2>
				<ul>
				<?php list_cats(0, '', 'name', 'asc', '', 1, 0, 1, 1, 1, 1, 0,'','','','','') ?>
				</ul>
			</li>
			
			<?php if (function_exists('wp_theme_switcher')) { ?>
			<li><h2><?php _e('Themes'); ?></h2>
			<?php wp_theme_switcher(); ?>
			</li>
			<?php } ?>
			
			<li><?php get_calendar(); ?></li>

			<li><h2><?php _e('Archives'); ?></h2>
				<ul>
				<?php wp_get_archives('type=monthly'); ?>
				</ul>
			</li>
			
				<li><h2><?php _e('Meta'); ?></h2>
				<ul>
                         	<?php wp_register(); ?>

				<li><?php wp_loginout(); ?></li>

<li><a href="http://validator.w3.org/check/referer" title="<?php _e('This page validates as XHTML 1.0 Transitional'); ?>"><?php _e('Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr>'); ?></a></li>

<li><a href="http://jigsaw.w3.org/css-validator/check/referer" title="<?php _e('This validates the CSS for this site'); ?>"><?php _e('Valid <abbr title="Cascading Style Sheets">CSS</abbr>'); ?></a></li>

<li><a href="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li>

<li><a href="http://ulyssesonline.com/atom/" title="<?php _e('Syndicate this site using Atom'); ?>">Atom 1.0</a></li>

<li><a href="<?php bloginfo('rss2_url'); ?>" title="<?php _e('Syndicate this site using RSS 2.0'); ?>"><?php _e('Entries <abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>

<li><a href="<?php bloginfo('comments_rss2_url'); ?>" title="<?php _e('The latest comments to all posts in RSS'); ?>"><?php _e('Comments <abbr title="Really Simple Syndication">RSS</abbr>'); ?></a></li>

<li><a href="http://wordpress.org/" title="<?php _e('Powered by WordPress, state-of-the-art semantic personal publishing platform.'); ?>">WordPress</a></li>

					<?php wp_meta(); ?>
				</ul>
				</li>
			<?php } ?>
			
		<?php endif; ?>	

		</ul>
	</div>
<div id="sb_bg" style="left:50px"><img src="http://localhost/sidebar_bg.png" width="336" height="1321" /></div>

muplo · 15.08.2011

Code:

/* Typo & Farben */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica;
	background-color: #000;
	background-image: url(http://s1.directupload.net/images/110802/6nczgz69.jpg);
	color: #B0B0B0;
	text-align: center;
	}

#page {
	text-align: center;
	width: 1000px;
}

#header {
	background-color: ;
	}

#content {
	background-image: url(http://localhost/content_bg.png);
	background-position: -15px 0;
	
	font-size: 1.2em;
	z-index: 2;
	width: 580px;
	height: auto;
	margin-left: -75px;
	margin-top:-55px;
	}
#content_s {
	font-size: 1.2em;
	z-index: 1;
	background-image: url();
	background-repeat: no-repeat;
	width: 1000px;
	height: 1000px;
	margin-left: -114px;
	margin-top:-43px;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.4em;
	}
	
.narrowcolumn .postmetadata {
	text-align: left;
	}

.alt {
	background-color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

small {
	font-family: Helvetica;
	font-size: 0.9em;
	line-height: 1.5em;
	}

strong {
	color: #000;
       }

h1 {
	font-family: Helvectica;
	font-weight: bold;
	}

h2, h3 {
        font-family: Helvetica;
}

h1 {
	font-size: 3.4em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 12px;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	letter-spacing: .6em;
	}

h2 {
	font-size: 2.0em;
	}

h2.pagetitle {
	font-size: 2em;
	}
	
#sidebar {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
#sidebar h2 {
	font-family: Helvectica;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.7em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #000;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #1b1b1b;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #000;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em helvectica;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Helvectica;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Helvetica;
	background-image: url();
	background-repeat:no-repeat;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #666;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
        color: #000;
	text-decoration: none;
	}

a:hover {
	color: #707070;
	text-decoration: underline;
	}
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Helvetica;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

/* Ende Typo&Farben */


/* Struktur */

body {
	margin: 0;
	padding: 0 0 20px 0; 
	}

#page {
	margin: 0px 0px 0px 300px;
	width: 500px;	
	height: auto;	
}
	
#header {
	left:80px;
	}

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

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.pagepost {
	margin: 60px 60px 40px;
	border-top: 0px solid #000;
	margin-top: 90px;
	border-bottom: 1px solid #000;
	
	}
	
.post {
	margin: 60px 160px -40px;
	text-align: left;
	border-top: 0px solid #000;
	border-bottom: 1px solid #000;
	
	}
.post_s {
	margin-left: 190px;
	text-align: left;
	border-top: 0px solid #000;
	border-bottom: 1px solid #000;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 50px 0 0 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px;
	text-align: center;
	}

/* End Struktur */


/*	Begin Headers */

h1 {
	padding-top: 40px;
	margin: 0;
	}

.description {
	text-align: center;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin: 0px;
        padding: 30px 0 0 0; 
        border-top: 1px dashed #555;
	}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
	
/* Header */


/*  Listen */

html>body .entry ul, .entrytext ul, .pagepost ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li, .entrytext li, .pagepost li {
	margin: 5px 0 5px 10px;
	}

.entry ul li:before, .entrytext ul li:before, #sidebar ul ul li:before, .pagepost ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/* Listen ende */


/* Forms */

#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 100px;
	padding: 2px;
        background-color: #333333;
        color: #B0B0B0;
	}

#sidebar #searchsubmit {
	padding: 1px;
	background-color: #333333;
        color: #B0B0B0;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
        color: #B0B0B0;	
        background-color: #333333;
        border: 1px ridge #ccc;
	}

#commentform textarea {
	width: 510px;
	padding: 2px;
        background-color: #333333;
        border: 1px ridge #ccc;
        color: #B0B0B0;
	}

#commentform #submit {
	margin: 0;
	float: right;
        border: 1px ridge #ccc;
	}

input {
	padding: 2px;
	margin: 5px 5px 1px 0;
        color: #B0B0B0;	
        background-color: #333333;
        border: 1px ridge #ccc;	}	

/* Forms ende */


/* Kommentare*/

.alt {
	margin: 0px;
	padding: 0px;
	}

.commentlist ol {
	padding: 0px;
	text-align: left;
	}

.commentlist li {
	margin-left: -40px;
	padding: 10px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px;
	}

#commentform p {
	margin: 5px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* Ende Kommentare */


/* Seitenleiste */

#sidebar
{
	
	background-position: 290px 0;
	width:600px;
	height:900px;
	margin-left: 250px;
	margin-top: -45px;
	padding: 40px 0 40px 0;
	
	z-index: 1;
	}

#sidebar form {
	margin-left: 0px;
	}

#sb_bg {
	top:80px;
	left: 545px;
	
	 
	}
/* End Seitenleiste */




/*  Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 1px solid #333;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
hr {
	display: none;
	}
 
.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
        text-align: left;
        float: left;
}

.alignright {
        text-align: right;
        float: right;
}
	
.entry img, .entrytext img {
	margin: 7px;
	}
	
.gravatar img {
	float:right;
	margin-top:-15px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


#fb_but {
	position:absolute;
	width:27px;
	height:30px;
	z-index:1;
	top: 13px;
	left: 10px;
}
#ms_but {
	position:absolute;
	width:30px;
	height:29px;
	z-index:2;
	left: 40px;
	top: 13px;
}
#vi_but {
	position:absolute;
	width:30px;
	height:30px;
	z-index:3;
	left: 70px;
	top: 13px;
}
#yt_but {
	position:absolute;
	width:30px;
	height:30px;
	z-index:4;
	left: 100px;
	top: 13px;
}
#social {
	position:relative;
	width:138px;
	height:49px;
	z-index:5;
	left: 650px;
	top: 20px;
}


#header {
	position:relative;
	width:200px;
	height:191px;
	left: -30px;
	top:-40px;
	
}


#nav_bar {
	position:relative;
	width:325px;
	height:40px;
	left:420px;
	top:-240px;
	z-index:1;
}
#home_btn {
	position:absolute;
	width:73px;
	height:38px;
	z-index:1;
}
#team_btn {
	position:absolute;
	width:71px;
	height:35px;
	z-index:2;
	top: 1px;
	left: 84px;
}
#media_btn {
	position:absolute;
	width:78px;
	height:36px;
	z-index:3;
	left: 166px;
	top: 1px;
}
#shop_btn {
	position:absolute;
	width:66px;
	height:35px;
	z-index:4;
	left: 255px;
	top: 1px;
}
.history {
	margin:-10px;
}
.n_clip_pic {
	margin:-10px;
}
.n_add {
	margin:-10px;
}
#header h1 {
	visibility:hidden;
}
.Links {
	margin:-10px;
}
.Kontakt {
	margin:-10px;
}
.Impressum {
	margin:-10px;
	left:-30px;
}
#main_bg {
	position: relative;
	top: -1200px;
	left: -200px;
	z-index:2;
}
/*Various Tags & Classes*/

muplo · 15.08.2011

Code:

/* Typo & Farben */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Helvetica;
	background-color: #000;
	background-image: url(http://s1.directupload.net/images/110802/6nczgz69.jpg);
	color: #B0B0B0;
	text-align: center;
	}

#page {
	text-align: center;
	width: 1000px;
}

#header {
	background-color: ;
	}

#content {
	background-image: url(http://localhost/content_bg.png);
	background-position: -15px 0;
	
	font-size: 1.2em;
	z-index: 2;
	width: 580px;
	height: auto;
	margin-left: -75px;
	margin-top:-55px;
	}
#content_s {
	font-size: 1.2em;
	z-index: 1;
	background-image: url();
	background-repeat: no-repeat;
	width: 1000px;
	height: 1000px;
	margin-left: -114px;
	margin-top:-43px;
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.4em;
	}

.widecolumn {
	line-height: 1.4em;
	}
	
.narrowcolumn .postmetadata {
	text-align: left;
	}

.alt {
	background-color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

small {
	font-family: Helvetica;
	font-size: 0.9em;
	line-height: 1.5em;
	}

strong {
	color: #000;
       }

h1 {
	font-family: Helvectica;
	font-weight: bold;
	}

h2, h3 {
        font-family: Helvetica;
}

h1 {
	font-size: 3.4em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 12px;
	}

.description {
	font-size: 1.2em;
	text-align: center;
	letter-spacing: .6em;
	}

h2 {
	font-size: 2.0em;
	}

h2.pagetitle {
	font-size: 2em;
	}
	
#sidebar {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}
	
#sidebar h2 {
	font-family: Helvectica;
	font-size: 1.2em;
	}

h3 {
	font-size: 1.7em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
	text-decoration: none;
	color: #000;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #1b1b1b;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}

.entry p a:visited {
	color: #000;
	}

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em helvectica;
	}
	
.commentlist li {
	font-weight: bold;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Helvectica;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font: 1em Helvetica;
	background-image: url();
	background-repeat:no-repeat;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #666;
	}
	
code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
        color: #000;
	text-decoration: none;
	}

a:hover {
	color: #707070;
	text-decoration: underline;
	}
	
#wp-calendar #prev a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Helvetica;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

/* Ende Typo&Farben */


/* Struktur */

body {
	margin: 0;
	padding: 0 0 20px 0; 
	}

#page {
	margin: 0px 0px 0px 300px;
	width: 500px;	
	height: auto;	
}
	
#header {
	left:80px;
	}

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

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.pagepost {
	margin: 60px 60px 40px;
	border-top: 0px solid #000;
	margin-top: 90px;
	border-bottom: 1px solid #000;
	
	}
	
.post {
	margin: 60px 160px -40px;
	text-align: left;
	border-top: 0px solid #000;
	border-bottom: 1px solid #000;
	
	}
.post_s {
	margin-left: 190px;
	text-align: left;
	border-top: 0px solid #000;
	border-bottom: 1px solid #000;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}
	
#footer {
	padding: 50px 0 0 0;
	margin: 0 auto;
	width: 760px;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px;
	text-align: center;
	}

/* End Struktur */


/*	Begin Headers */

h1 {
	padding-top: 40px;
	margin: 0;
	}

.description {
	text-align: center;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin: 0px;
        padding: 30px 0 0 0; 
        border-top: 1px dashed #555;
	}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
	
/* Header */


/*  Listen */

html>body .entry ul, .entrytext ul, .pagepost ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	} 

html>body .entry li, .entrytext li, .pagepost li {
	margin: 5px 0 5px 10px;
	}

.entry ul li:before, .entrytext ul li:before, #sidebar ul ul li:before, .pagepost ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
	
#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

/* Listen ende */


/* Forms */

#searchform {
	margin: 10px auto;
	padding: 5px 3px; 
	text-align: center;
	}

#sidebar #searchform #s {
	width: 100px;
	padding: 2px;
        background-color: #333333;
        color: #B0B0B0;
	}

#sidebar #searchsubmit {
	padding: 1px;
	background-color: #333333;
        color: #B0B0B0;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
        color: #B0B0B0;	
        background-color: #333333;
        border: 1px ridge #ccc;
	}

#commentform textarea {
	width: 510px;
	padding: 2px;
        background-color: #333333;
        border: 1px ridge #ccc;
        color: #B0B0B0;
	}

#commentform #submit {
	margin: 0;
	float: right;
        border: 1px ridge #ccc;
	}

input {
	padding: 2px;
	margin: 5px 5px 1px 0;
        color: #B0B0B0;	
        background-color: #333333;
        border: 1px ridge #ccc;	}	

/* Forms ende */


/* Kommentare*/

.alt {
	margin: 0px;
	padding: 0px;
	}

.commentlist ol {
	padding: 0px;
	text-align: left;
	}

.commentlist li {
	margin-left: -40px;
	padding: 10px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px;
	}

#commentform p {
	margin: 5px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* Ende Kommentare */


/* Seitenleiste */

#sidebar
{
	
	background-position: 290px 0;
	width:600px;
	height:900px;
	margin-left: 250px;
	margin-top: -45px;
	padding: 40px 0 40px 0;
	
	z-index: 1;
	}

#sidebar form {
	margin-left: 0px;
	}

#sb_bg {
	top:80px;
	left: 545px;
	
	 
	}
/* End Seitenleiste */




/*  Various Tags & Classes */

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 1px solid #333;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}
hr {
	display: none;
	}
 
.center {
	text-align: center;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.aligncenter, div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignleft {
        text-align: left;
        float: left;
}

.alignright {
        text-align: right;
        float: right;
}
	
.entry img, .entrytext img {
	margin: 7px;
	}
	
.gravatar img {
	float:right;
	margin-top:-15px;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}


#fb_but {
	position:absolute;
	width:27px;
	height:30px;
	z-index:1;
	top: 13px;
	left: 10px;
}
#ms_but {
	position:absolute;
	width:30px;
	height:29px;
	z-index:2;
	left: 40px;
	top: 13px;
}

muplo · 15.08.2011

Habe ein Bild angehängt, was einen Screenshot von der Internetseite zeigt, wie sie zur Zeit steht.

scope · 15.08.2011

Wieso hat die Sidebar überhaupt ein Hintergrundbild? Dem Screenshot nach zu urteilen bräuchte sie eh nur einen schwarzen Hintergrund.

muplo · 15.08.2011

Wenn du mir nicht helfen kannst, dann sag es.
Ich habe das in den Hintergrund gepackt, weil so das Bild nicht anklickbar ist. Ich möchte nicht, dass aufeinmal die Seite auf das Bild springt, weil der Besucher ausversehen daneben klickt.

dooyou · 15.08.2011

Schade, nur auf dem Homeserver. Ein Link ist immer hilfreich.

muplo · 16.08.2011

Also mir sagte jemand, ich soll das Padding entfernen und das einfügen

Code:

.ad, .clip {
  margin-left:0;
  margin-right:30px;
}

"dann notiere das ganz spezifiziert und mit Außenabständen für die Klassen "ad" und "clip""
Wie meinte er das?

edit: schon gut.

Ads und Clips habe ich per Widgets eingepflegt. Ich denke, die kann man eh nicht per Stylesheet ansprechen.
Ich sollte also diese ganzen kleinen Elemente in die Sidebar.php packen dann sollte es hinhauen denk ich

Wie verschiebe ich in einem Div-Layer den Inhalt, ohne dabei den HG anzusprechen?

muplo

Aktives Mitglied

Anhänge

scope

Aktives Mitglied

muplo

Aktives Mitglied

scope

Aktives Mitglied

muplo

Aktives Mitglied

scope

Aktives Mitglied

muplo

Aktives Mitglied

Anhänge

muplo

Aktives Mitglied

muplo

Aktives Mitglied

muplo

Aktives Mitglied

scope

Aktives Mitglied

muplo

Aktives Mitglied

dooyou

Aktives Mitglied

muplo

Aktives Mitglied