zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit einem 3D-Effekt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 12.06.2010, 02:39
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.06.2010
Beiträge: 5
moep0710 befindet sich auf einem aufstrebenden Ast
Standard Problem mit einem 3D-Effekt

Hallo liebe Community,

ich habe versuche momentan, mit meinem Blog umzuziehen (auf eine neue Wordpress-Version). Leider bin ich ein totaler neuling was CSS angeht. deswegen funktioniert eine neuste funktion, die ich einbauen wollte, wohl auch nicht. es geht darum, dass ich die standard-css übernommen habe, nun aber einen 3D-Effekt per DIV einbauen möchte. Die Anleitung hierzu findet ihr hier.

Ich möchte davon bis einschließlich Beispiel 6 gehen, da ich die weiteren Effekte nicht benötige.
Den Code dafür habe ich bereits eingefügt, nun bilden sich aber statt dem fließenden Übergang breite Kanten (circa 5-10px).

Es scheinen sich der Effekt und der Rest irgendwo zu widersprechen, da der Übergang einwandfrei funktioniert, wenn ich nur den effekt als zusatz in der style.css habe (meine Style.css ist nur eine ergänzende Datei zur vorinstallierten und unveränderbaren style.css von blogsport.eu)

hier mein code.

Code:
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid #fff;
   margin: 0.7em 1em;
   }

DIV.shadow IMG {
   border: 0px solid #666;
   margin: 0;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   }





/* @override http://localhost/k2/wp-content/themes/k2/style.css */

/*
Theme Name:		K2
Version:		1.1
Theme URI:		http://getk2.com
Author:			Various Artists
Author URI:		http://getk2.com/
Description:	<strong><a href="themes.php?page=k2-options">Configure K2</a></strong> or visit the <a href="http://groups.google.com/group/k2-support">support forums</a>, <a href="http://code.google.com/p/kaytwo/w/list">the wiki</a> or <a href="http://code.google.com/p/kaytwo/issues/list">the bug tracker</a>. K2 was developed by <a href="http://binarybonsai.com/">Michael</a>, <a href="http://chrisjdavis.org/">Chris</a>, <a href="http://zeo.unic.net.my/">Zeo</a>, <a href="http://stevelam.org/">Steve</a>, Ben and <a href="http://xentek.net/">Eric Marden</a>, and is licensed under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
Tags:			blue, custom-header, fixed-width, flexible-width, one-column, two-columns, three-columns, theme-options, threaded-comments, microformats, translation-ready, light

The Real K2:	http://en.wikipedia.org/wiki/K2

$Revision: 1001 $
*/



/* Reset CSS v1.0 from http://meyerweb.com/eric/tools/css/reset/ */
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 {
	margin: 0;
	padding: 0;
	}



/* Typography */

body {
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	}

strong, em, b, i {
    font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	}

h1, .blog-title, h2, h3 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	}

h4, h5, h6 {
	font-family: Verdana, sans-serif;
	}


/* Page Structure */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #333;
	background: black;
	text-align: center;
	}

body.lang-ar,
body.lang-fa,
body.lang-he,
body.lang-hi,
body.lang-km,
body.lang-ko,
body.lang-ja,
body.lang-th,
body.lang-zh {
	font-size: 75%; /* Resets 1em to 12px, for internationalized K2s */
	}

#page,
#rollingarchives {
	background: white;
	}


#page {
	text-align: justify;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
	border: 1px solid #ddd;
	border-top: none;
	clear: both;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	}

.columns-one #page,
.columns-one.smartposition #rollingarchives {
	width: 528px;
	}

.columns-two #page,
.columns-two.smartposition #rollingarchives {
	width: 780px;
	}

.columns-two.widgets-sidebar-2 #page,
.columns-two.widgets-sidebar-2.smartposition #rollingarchives,
.columns-three #page,
.columns-three.smartposition #rollingarchives {
	width: 950px;
	}



.wrapper {
	padding: 0 10px 0 20px;
	}

.columns-two .secondary {
	float: right;
	}

#primary {
	position: relative;
	float: left;
	width: 468px;
	padding: 10px;
	}

.columns-two.widgets-sidebar-2 #primary { /* added by gigi */
	width: 640px;
	}

body.showrollingarchives #primary { /* Flush RA with header */
	padding-top: 0;
}

body.home.onepageonly.rollingarchives #primary { /* No RA, so back to 10px */
	padding-top: 10px;
}


* html #primary { /* IE Hack */
	display: inline;
	}

#primary {
	margin-top: 9px;
	}

#content {
	margin-top: 5px;
	}

#widgets-sidebar-2 {
	width: 156px;
	}

.widgets-sidebar-2 #widgets-sidebar-2 {	/* added by gigi */
	width: 234px;
	}

.secondary {
	width: 234px;
	float: left;
	font-size: 1em;
	line-height: 1.5em;
	color: #666;
	padding: 10px 10px 20px 10px;
	overflow: hidden;
	}

#widgets-sidebar-2 {
	clear: right;
	}

.comments {
	clear: both;
	text-align: left;
	margin: 30px 0 0;
	position: relative;
	}


/* Main Menu in Header */

.menu {
	position: absolute;
	white-space: nowrap;
	bottom: 0;
	margin: 0 20px;
	}

.menu > ul {
	float: left;
	}

.menu li {
	list-style: none;
	}

.menu li a {
	display: block;
	outline: 0;
	}

.menu li a:hover {
	text-decoration: none;
	}

.menu > ul > li { /* Top Menu Items */
	float: left;
	}

.menu > ul > li > a { /* Top Menu */
	margin-left: 5px;
	padding: 5px 15px;
	color: white;

	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	}

.menu > ul > li.current_page_ancestor > a,
.menu > ul > li.current_page_item > a {
	color: #333;
	background: white;
	}

.menu > ul > li:hover > a,
.menu > ul > li.sfHover > a { /* Top level hover*/
	color: #eee;
	background-color: #333;
	}

.menu > ul > li.has_children > a { /* Top level parent */
	padding-right: 18px;
	position: relative;
	}

.menu > ul > li.current_page_ancestor.has_children > a:after,
.menu > ul > li.current_page_item.has_children > a:after {
	background: url('images/arrows.png') no-repeat left top;
	}

.menu > ul > li.has_children:hover > a:after,
.menu > ul > li.has_children.sfHover > a:after,
.menu > ul > li.has_children > a:after { /* Dropdown indicators */
	position: absolute;
	right: 5px;
	top: 10px;
	height: 4px;
	width: 7px;
	content: '';
	background: url('images/arrows.png') no-repeat left bottom;
	}

.menu > ul > li > ul { /* Child Menus */
	left: -999em;
	position: absolute;
	z-index: 50;
	max-width: 20em;
	margin-left: 5px;

	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, .5);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .5);
	
	background: #f3f3f3;
	border-radius: 0 3px 3px 3px;
	-moz-border-radius: 0 3px 3px 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-border-top-left-radius: 0;
	}

.menu > ul > li.sfHover > ul,
.menu > ul > li:hover > ul { /* Show submenu when hovering parent */
	left: inherit;
	}

.menu li li a { /* Submenu links */
	color: #333;
	padding: .6em 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	}

.menu li li a:hover { /* Child hover */
	background: #ddd;
	background: rgba(0, 0, 0, .1); /* To accomodate the gradient background in modern browsers */
	}

.menu li li li a { /* Indent 3rd child */
	padding-left: 2em;
}

.menu > ul > li > ul > li:first-child > a { /* First child 2nd level */
	border-radius: 0 3px 0 0;
	-moz-border-radius: 0 3px 0 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 3px;
	}

.menu > ul > li > ul > li:last-child > a:last-child { /* Last child 2nd level */
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	}

.menu ul ul li:last-child ul li:last-child a:last-child { /* Last child 3rd level */
	border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	}


/* Widgets: 'Below Header' & 'Page Footer' */

#widgets-top,		/* Below Header */
#widgets-bottom {	/* Page Footer */
	margin-top: 20px;
	overflow: auto;
	width: 100%;
	}

#widgets-top > div,
#widgets-bottom > div {
	display: inline-block;
	float: left;
	}

body.columns-one #widgets-top > div,
body.columns-one #widgets-bottom > div {
	width: 33%;
	}

body.columns-two #widgets-top > div,
body.columns-two #widgets-bottom > div {
	width: 25%;
	}

body.columns-three #widgets-top > div,
body.columns-three #widgets-bottom > div {
	width: 20%;
	}

#widgets-top .widget,
#widgets-bottom .widget {
	margin: 0 10px;
	}

/* Widgets: Below Single Post */

#widgetspost {
	overflow: auto;
	width: 100%;
	}

#widgetspost > div {
	display: inline-block;
	float: left;
	width: 50%;
}


/* Sidebar Subpages Menu */

.sb-pagemenu ul {
	margin-left: 10px;
	}

.sb-pagemenu ul ul {
	margin-top: 2px;
	}

.sb-pagemenu ul ul .page_item {
	margin-left: 10px;
	padding: 0;
	}


/* Headings */

h1 {
	font-size: 3em;
	}

.blog-title {
	font-size: 3em;
	font-weight: bold;
	padding: 75px 40px 0;
	}

.blog-title a,
#header .description {
	text-decoration: none;
	color: white;
	}

.blog-title a:hover {
	text-decoration: underline;
	}

#header .description { /* Description in header */
	font-size: 1em;
	margin: 0 40px;
	}

h2 {
	font-size: 2.5em;
	}

.page-head {
	margin: 10px 0 20px;
	text-align: center;
	}

.page-head h1 {
	font-size: 2.5em;
	}

.page-head h2 {
	color: #888;
	font-size: 2.0em;
	font-weight: normal;
	}

.post-title, h3 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.4em;
	font-weight: normal;
	}

h4 {
	font-size: 2.0em;
	font-weight: normal;
	}

.widgets h4 { /* Widget Titles */
	font-size: 1.5em;
	font-weight: normal;
	padding: 0;
	display: block;
	margin-bottom: 10px;
	}

.post-title {
	margin-right: 40px;
	}

.four04 .post-title,
body.page #content .post-title {
	margin-left: 40px;
	text-align: center;
	}

.post-content h3 {
	font-size: 1.8em;
	font-weight: normal;
	margin-top: 25px;
	}

.post-content h4,
.post-meta h4 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
	}

.k2-asides h3 {
	font-size: 1.6em;
	font-weight: normal;
	}

.post-header {
	position: relative;
	}

body.page .post-content h3 {
	font-size: 1.7em;
	display: block;
	padding: 15px 0 0;
	}

body.page .post-content h4 {
	font-size: 1.5em;
	display: block;
	padding: 15px 0 0;
	}

.widget {
	margin: 20px 0 0;
	padding: 0;
	position: relative;
	line-height: 1.5em;
	}

.widget div {
	margin: 0;
	}

#primary .metalink a, #primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.widgets .metalink a, .widgets .metalink a:visited {
	color: #888;
	font-weight: normal;
	}

#primary .post .post-header .metalink {
	font-size: 1.8em;
	margin-left: 15px;
	}

#primary .k2-asides .post-header .metalink {
	font-size: 1.4em;
	}

.single #primary .k2-asides .post-content {
	font-size: 1.5em;
	color: #888;
	}

.comment-meta {
	margin: 0 15px 0 0;
	float: none;
	}

.comment-login, .comment-welcomeback {
	margin-top: 15px;
	color: #666;
	}

#comment-personaldetails {
	margin-top: 10px;
	}

.feedicon { /* Next to Comment Section Headline */
	border: 0 !important;
	padding: 0 !important;
	}

.feedlink { /* On the sidebar */
	border: none;
	padding: 2px;
	padding-right: 20px;
	background: url('images/feed.png') right center no-repeat;
	height: 16px;
	position: absolute;
	top: 0;
	right: 0;
	color: #666;
	}

.feedlink span {
	visibility: hidden;
	}

.feedlink:hover span {
	visibility: visible;
	}


/* The K2 Asides Widget */

.widgets .k2-asides {
	margin: 0;
	padding: 0 0 10px;
	word-spacing: -1px;
	}

.widgets .k2-asides p {
	display: inline;
	}

.widgets .k2-asides .metalink {
	padding-left: 0px;
	}

.entry-edit { /* The Edit Button */
	position: absolute;
	right: 0;
	top: 7px;
	font-size: 1.1em;
	display: inline;
	}

.post-title, .post-title a, .post-title a:visited,
h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #333;
	}

.post-title, .post-title a, .post-title a:hover, .post-title a:visited,
h2, h2 a, h2 a:hover, h2 a:visited,
h3, h3 a, h3 a:hover, h3 a:visited,
h4, h4 a, h4 a:hover, h4 a:visited {
	text-decoration: none;
	}

.post-meta {
	font-size: 1em;
	line-height: 1.6em;
	color: #bbb;
	}

.post-meta a,
.comment-meta a,
.entry-date,
.entry-time {
	color: #666;
	}

.post-meta div {
	display: inline;
	}

.post-header .post-meta {
	min-height: 16px;
	}

.image-meta abbr,
abbr.entry-date {
	border: none;
	}

.entry-pages {
	font-size: 1.2em;
	}

.entry-pages span {
	font-weight: bold;
	}

.entry-tags {
	padding: 2px 0px;
	}

.post-header .entry-tags {
	display: block;
	}

div.comment-reply {
	display: inline;
}

.entry-edit a,
a.quoter_comment,
a.quoter_page,
a.comment_quote_link,
a.comment-edit-link,
a.comment-reply-link,
a#cancel-comment-reply-link,
.comment-edit a { /* Rounded Buttons */
	border: none;
	padding: 4px 8px;
	height: 16px;
	line-height: 16px;
	color: #333;
	background: #e7e7e7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: inline;
	}

#pinglist a.comment-edit-link {
	padding: 2px 8px;
	margin-left: 10px;
	font-size: .8em;
	}

#commentlist #respond a.quoter_page,
#commentlist #respond a#cancel-comment-reply-link {
	background: #ddd;
}

.entry-edit a:hover,
a.quoter_comment:hover,
a.quoter_page:hover,
#commentlist #respond a.quoter_page:hover,
a.comment_quote_link:hover,
a.comment-edit-link:hover,
a.comment-reply-link:hover,
#commentlist #respond a#cancel-comment-reply-link:hover,
a#cancel-comment-reply-link:hover,
.comment-edit a:hover {
	background-color: #333;
	color: #fff;
	text-decoration: none;
	}

div.quoter_page_container {
	margin: 5px 0;
	display: none; /* Hidden because it's not too nice an implementation */
}

.commentslink {
	padding: 2px 0;
	}


/* Primary Contents */

.post {
	margin: 0 0 30px;
	position: relative;
	}

.post-content {
	font-size: 1.2em;
	line-height: 1.8em;
	color: #333;
	}

.post-content p,
.post-content ul,
.post-content ol,
.post-content div,
.post-content blockquote {
	margin: 13px 0;
	}

#content .k2-asides .post-content p,
#content .k2-asides .post-content ul,
#content .k2-asides .post-content ol,
#content .k2-asides .post-content div,
#content .k2-asides .post-content blockquote {
	margin: 5px 0;
	}

#content .k2-asides {
	margin: 15px 0;
	}

#content .k2-asides .post-header,
#content .k2-asides .post-footer {
	display: none;
	}

#content .k2-asides .post-content {
	display: block;
	border-left: 2px solid #ddd;
	padding-left: 20px;
	}

.asides-permalink {
	font-weight: bold;
	}

.post-content .map div { /* Google Maps Support */
	margin: 0;
	}

.wp-post-image {
	padding-top: 5px;
}

.metalinks {
	margin-top: 3px;
	}

#primary a.post-edit-link:hover,
#primary a.comment-edit-link:hover,
#primary a.comment-reply-link:hover {
	text-decoration: none;
}

.columns-three .template-image #primary {
	width: 670px;
	}

.template-image .post-footer {
	position: absolute;
	top: 0;
	right: -220px;
	width: 200px;
	padding-top: 180px;
	}

.columns-one .template-image .post-footer {
	position: relative;
	width: auto;
	top: auto;
	right: auto;
	padding-top: 0;
	margin-right: 210px;
	}

.columns-one .template-image #gallery-nav {
	right: -210px;
	top: 0;
	width: 200px;
	border-bottom: none;
	}

.post-footer h5 {
	font-size: 1.5em;
	font-weight: normal;
	}

#gallery-nav img {
	height: 96px;
	width: 96px;
	}

#gallery-nav {
	top: 3.2em;
	margin: 0;
	position: absolute;	
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
	}

#gallery-nav a {
	text-decoration: none;
	}

#gallery-nav a span {
	display: block;
	}

.attachment .post {
	margin-left: 60px;
	}

.template-image .post {
	margin-left: 0;
	}

.attachment-icon {
	position: absolute;
	top: 0;
	left: -60px;
	}

.attachment-image {
	text-align: center;
	}

.attachment-image .caption {
	margin: 0;
	}

.attachment-image .caption p {
	display: inline;
	}

.image-meta {
	padding: 10px 0 10px 20px;
	list-style-type: circle;
	}

.image-meta li {
	margin: 3px 0;
	}

.image-meta span {
	font-weight: bold;
	display: block;
	float: left;
	width: 8em;
	}


/* Comments */

.comments .metalinks {
	display: none; /* Rarely used these days, so let's hide it. */
}

.commentsrsslink {
	padding: 2px 0;
	margin-right: 10px;
	height: 16px;
	}

.trackbacklink {
	padding: 2px 0;
	height: 16px;
	}

.commentsrsslink a, .trackbacklink a {
	color: #888;
	padding: 2px;
	}

.nopassword {
	text-align: center;
	}

#commentlist {
	margin: 10px 0;
	position: relative;
	}

#commentlist .children {
	margin-left: 20px;
	}

#commentlist .children li {
	}

#commentlist li {
	margin: 10px 0 0;
	list-style: none;
	}

#commentlist .comment {
	padding: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

#commentlist li.comment {
	padding: 0;
	}

#commentlist li .comment-content {
	font-size: 1.2em;
	line-height: 1.8em;
	}

.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content div,
.comment-content blockquote {
	margin: 13px 0;
	}

#commentlist li .comment-meta {
	padding: 2px 0;
	display: block;
	}

#commentlist li img {
	padding: 0;
	border: none;
	}

#commentlist .avatar,
#commentlist .gravatar {
	float: right;
	}

#commentlist .comment-author {
	font-size: 1.5em;
	font-weight: bold;
	}

.comment-author cite {
	font-style: normal;
	}

#commentlist li .counter {
	display: none;
	font: normal 1.5em 'Century Gothic', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
	color: #888;
	float: left;
	width: 35px;
	}

/* .byuser {
	background: #f6f7f8;
	} */

.bypostauthor {
	background: #f6f6f6;
	}

.bypostauthor > div.comment blockquote {
	color: #333;
	background: url('images/quote.png') no-repeat 10px 0;              
	}

#respond {
	position: relative;
	margin-top: 20px;
	}

#commentlist #respond { /* For threaded comments */
	background: #eee;
	margin-top: 15px;
	padding: 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

#commentlist .cancel-comment-reply {
	position: absolute;
	top: 1em;
	right: 1em;
	padding: 2px 0;
	}

#pinglist {
	font-size: 1.2em;
	padding: 0;
	margin: 10px 0 10px;
	background: #f6f7f8;
	}

#pinglist li {
	margin-left: 40px;
	padding: 7px 0;
	list-style: none;
	}

#pinglist li small {
	font-size: 0.8em;
	display: block;
	}

#pinglist li .counter {
	display: none;
	}

#pinglist li span.favatar img {
	margin-left: -25px;
	border: none;
	padding: 0;
	float: left;
	}

#pinglist li img {
	padding: 0;
	border: none;
	}
	
#leavecomment, .comments #loading, #comments-closed-msg {
	text-align: center;
	margin: 30px 0 20px !important;
	color: #ddd;
	font-size: 1.7em;
	}

.comments #loading {
	margin-top: 20px !important;
	}

#comments-closed-msg {
	margin-bottom: 40px !important;
	}

.comments #commenterror {
	display: none;
	line-height: 2.0;
	padding: 5px;
	color: #FF0000;
	background-color: #FFFF99;
	}

.comments #commentload {
	padding-top: 3px;
	float: right;
	vertical-align: middle;
	height: 18px;
	width: 18px;
	background: url('images/spinner.gif') center center no-repeat;
	}

.comments form {
	clear: both;
	padding: 1px 0 10px;
	}

.comments input[type=text], .comments textarea {
	padding: 2px;
	color: #666;
	}

input[type=text]:focus, textarea:focus {
	background: #fff;
	color: #333;
	border-color: #666;
	}

.comments form input[type=text] {
	width: 45%;
	margin: 5px 5px 1px 0;
	}

.comments textarea {
	width: 99%;
	margin: 10px 0;
	border: 1px solid #888;
	}

.comments form #submit {
	float: right;
	}

#footer {
	clear: both;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
	color: #666;
	}

#footer p {
	line-height: 1.6em;
	}

#footer a {
	color: #888;
	font-weight: bold;
	}

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

#footer .siteadmin a { /* 'Site Admin' Button */
	position: fixed;
	top: 5px;
	right: 5px;
	color: #333;
	background: #cfcfcf;
	padding: 5px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	font-weight: normal;
	}

#footer .siteadmin a:hover {
	background: #333;
	color: white;
	text-decoration: none !important;
	}

#footer .wp-version,
#footer .k2-version {
	display: none;
	padding-left: 0.3em;
	}

.footerstats {
	display: none;
	}


/* Links */

a:hover, a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #27d !important;
	}

a {
	color: black;
	text-decoration: none;
	}

.post-content a:visited {
	color: #6E6E6E;
	}


/* Various Tags and Classes */

.hidden {
	position: absolute !important;
	left: 0px;
	top: -500px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	}

.clear {
	clear: both;
	}

a img {
	border: none;
	}

img.noborder {
	border: none !important;
	}

.aligncenter,
.center {
	text-align: center;
	}

.post-content .aligncenter,
img.center,
img[align="center"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
	
.post-content .alignright,
img[align="right"] {
	float: right;
	margin: 0 0 4px 8px;
	display: block;
	}

.post-content .alignleft,
img[align="left"] {
	float: left;
	margin: 0 8px 4px 0;
	display: block;
	}
	
a[rel~="attachment"] img,
.gallery a img,
.wp-caption {
	background-color: #F3F3F3;
	border: 1px solid #ddd;
	padding: 3px;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}

a[rel~="attachment"] img:hover,
.gallery a img:hover,
.wp-caption:hover {
	padding: 2px;
	border: 2px solid #27d;
	}

.wp-caption a img,
.wp-caption a img:hover {
	padding: 4px 0px 0px;
	border: 0 none;
	}

.wp-caption .wp-caption-text {
	margin: 4px 0 2px;
	}

.smallcaps {
	font-variant: small-caps;
	}

abbr[title],
acronym[title] {
	cursor: help;
	}

abbr.entry-date {
	cursor: inherit;
	}

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

small, strike {
	color: #666;
	}
	
code {
	font-size: 1.1em;
	}

blockquote {
	margin: 20px 0;
	padding: 0 20px 0 50px;
	color: #333;
	background: url('images/quote.png') no-repeat 10px 0;
	border: none;
	}

hr {
	display: none;
	}

.alert {
	background: #FFF6BF;
	text-align: center;
	margin: 10px auto;
	padding: 4px 20px;
	}

img.wp-smiley {
	border: none !important;
	padding: 0 0 0 5px !important;
	}


/* Lists */

.archive-list {
	margin: 10px 0 0 0 !important;
	padding-left: 0px !important;
	}

.archive-list li {
	list-style: none;
	float: left;
	margin: 0 5px 0 0 !important;
	padding: 2px 0 2px 10px !important;
	width: 150px;
	}

.archive-list li:hover {
	background-color: #EDEDED;
	}

.archive-list .children {
	margin: 0;
}

.archive-list .children {
	padding-left: 10px;
}

.post-content ol, .post-content ul {
	padding: 0 0 0 35px;
	}

.post-content ol li, .post-content ul li {
	margin: 0 0 3px;
	padding: 0;
	}

.widgets ul ul, .widgets ol ol {
	margin: 0 0 0 10px;
	}
       
.widgets ul ul ul, .widgets ol ol ol {
	margin: 0 0 0 20px;
	}

.widgets ol {
	margin-left: 15px;
	}

.widgets ul li, .widgets ol li {
	margin: 0;
	padding: 1px 0;
	}
	
.widgets ul li {
	list-style: none;
	}


/* Search Widget, incl. Livesearch */

.widget_search {
	margin-top: 20px !important;
	}

#search h4, .widget_search h4 {
	display: none;
	}

input[type=text], textarea {
	color: #333;
	padding: 1px;
	margin: 0;
	}

#search-label { /* The 'Search for:' label */
	display: none;
	}

#search-label.overlabel-apply { /* Inline label for livesearch */
	display: block;
	position: absolute;
	color: #888;
	cursor: text;
	padding: 4px 5px;
	z-index: 1;
	background: white;
	}

#search-label.overlabel-apply.fade { /* Fade label when #s has focus */
	color: #ccc;
	}

#search-label.overlabel-apply.hide { /* Hide label when #s isn't empty */
	text-indent: -1000px;
	}

#s, #search-label.overlabel-apply { /* Style #s and label in same way */
	font-size: 1.1em;
	width: 224px;
	line-height: 15px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	}

#s { /* The actual search input field */
	position: relative;
	padding: 3px;
	width: 60%;
	border: 1px solid #ddd;
	background: transparent;
	z-index: 2;
	}

.livesearch #s { /* The search input field w. livesearch enabled */
	padding-right: 20px;
	width: 209px;
	}

body.columns-three .livesearch #s { /* For Three Columns */
	width: 150px;
	}

body.columns-three #search-label.overlabel-apply { /* For Three Columns */
	width: 165px;
	}

#s:focus {
	border-color: #333;
	}

#searchreset, #searchload { /* Reset button & loading spinner */
	position: absolute;
	top: 2px;
	opacity: 0;
	right: 2px;
	height: 18px;
	width: 18px;
	}

.smartposition #searchreset,
.smartposition #searchload {
	top: 14px;
}


#searchreset {
	z-index: 4;
	background: url('images/reset-fff.png') center center no-repeat;
	}

#searchload {
	z-index: 3;
	background: url('images/spinner.gif') center center no-repeat;
	}

#searchsubmit { /* Static search button */
	float: right;
	width: 30%;
	}


/* Attachment */

.post-content .attachment { 
	text-align: center; 
	}



/*  
	NAVIGATION
	.navigation is traditional page-by-page
	#rollingarchives is 'advanced' AJAX-powered
	The two are mutually exclusive, with the exception of permalinks where .navigation is always used.
	*/

#rollingarchives {
	height: 45px;
	padding: 0;
	}

.comments .navigation {
	margin: 20px 0;
	}

.navigation .nav-previous,
.navigation .left {
	float: left;
	width: 45%;
	text-align: left;
	padding: 6px 5% 10px 0;
	}

.navigation .nav-next,
.navigation .right {
	float: right;
	width: 45%;
	text-align: right;
	padding: 6px 0 10px 5%;
	}

.navigation a {
	color: #888;
	}

body.showrollingarchives .navigation {
	display: none;
}

#rollingarchives { /* AJAX-powered navigation hub */
	position: relative;
	top: 0;
	display: block;
	width: 468px;
	border-bottom: none;
	}

.columns-two.widgets-sidebar-2 #rollingarchives { /* added by gigi */
	width: 640px;
	}

#rollingarchives.emptypage {
	display: none;
	}

body.onepageonly #rollingarchives {
	display: none;
	}

body.smartposition #rollingarchives { /* .smartposition is added to BODY with JS when #content passes the top of the window */
	position: fixed;
	margin-left: -30px;
	background: #f8f8f8;
	-webkit-transition: background .3s linear;
	z-index: 50;
	}

body.smartposition #widgets-sidebar-1 div.widget_search:first-child #searchform,
body.smartposition #widgets-sidebar-2 div.widget_search:first-child #searchform { /* Fix search to top of window when scrolling past, if it is the first widget on the sidebar */
	position: fixed;
	top: 0;
	z-index: 50;
	margin-top: 0px !important;
	height: 33px !important;
	padding-top: 12px;
	}

body.smartposition #primary { /* When scrolling past content top, adjust for fixing RA interface to top of screen */
	padding-top: 45px !important;
	}

body.smartposition #widgets-sidebar-1 div.widget_search:first-child,
body.smartposition #widgets-sidebar-2 div.widget_search:first-child {
	padding-top: 24px;
	}

body.smartposition #content.onepageonly { /* If there is only a single page, remove space at top of page */
	padding-top: 0;
	}

#content { /* Contains both the RA nav and content, and is used for as a top marker for the smartposition */
	position: relative;
	}

#rollingarchives a:hover {
	text-decoration: underline;
	}

#rollnavigation a:active, #rollnavigation a:focus {
	outline: none;
	}

.smartposition #rollprevious,
.smartposition #rollpages,
.smartposition #pagetrackwrap {
	margin-left: 30px;
	}

.columns-one.smartposition #rollnext,
.columns-one.smartposition #texttrimmer {
	margin-right: 30px;
	}

.columns-two.smartposition #rollnext,
.columns-two.smartposition #texttrimmer {
	margin-right: 282px;		/* modified by gigi (284) */
	}

.columns-two.widgets-sidebar-2.smartposition #rollnext,
.columns-two.widgets-sidebar-2.smartposition #texttrimmer { /* added by gigi */
	margin-right: 280px;
	}

.columns-three.smartposition #rollnext,
.columns-three.smartposition #texttrimmer {
	margin-right: 420px;
	}

#rollprevious, #rollnext, #rollload, #rollpages, #rolldates, #texttrimmer {
	position: absolute;
	top: 17px;
	}

#rollprevious:hover, #rollnext:hover, #rollhome:hover {
	text-decoration: underline;
	cursor: pointer;
	}

#rollload {
	background: url('images/spinner.gif') no-repeat center center;
	top: 16px;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 16px;
	}

#rollload span, #rollhome span {
	display: none;
	}

#rollnext, #rollprevious, .navigation a {
	color: #666;
	font-weight: bold;
	}

#rollpages {
	left: 55px;
	color: #aaa;
	}

#rollhover {
	position: absolute;
	top: 7px;
	left: -47px;
	z-index: 55;
	height: 45px;
	background: url('images/rollhover.png') no-repeat center top;
	}

#rollhover, #rolldates {
	width: 100px;
	}

#rollhover {
	top: 8px;
	}

#rolldates {
	position: absolute;
	color: #888;
	text-align: center;
	font-size: .9em;
	top: 22px;
	margin: 0;
	}

#rollprevious {
	left: 0;
	text-align: left;
	}

#rollnext {
	right: 0;
	text-align: right;
	}

.emptypage #rollnavigation {
	visibility: hidden;
	}

.firstpage #rollprevious {
	visibility: visible;
	}

.firstpage #rollnext,
.firstpage #rollhome {
	visibility: hidden;
	}

.nthpage #rollnext,
.nthpage #rollprevious,
.nthpage #rollhome {
	visibility: visible;
	}

.lastpage #rollnext,
.lastpage #rollhome {
	visibility: visible;
	}

.lastpage #rollprevious {
	visibility: hidden;
	}

#pagetrackwrap {
	position: absolute;
	top: 16px;
	left: 140px;
	width: 196px;
	}

.columns-two.widgets-sidebar-2 #pagetrackwrap { /* added by gigi */
	width: 320px;
	left: 140px;
	}

.columns-two.widgets-sidebar-2 #texttrimmer {
	right: 80px;
	}

#pagetrack {
	height: 6px;
	background: #eee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 1px solid #ddd;
	margin-top: 3px;
	}

#pagehandle {
	width: 6px;
	height: 6px;
	margin: 0 1px;
	background: #888;
	cursor: col-resize;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

#pagehandle:hover {
	background: #333;
	}

body.trim .post-content, body.trim .post-footer {
	display: none;
	}

body.trim .post {
	margin: 0 -10px 10px;
	padding: 5px 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	}

#texttrimmer {
	width: 55px;
	height: 15px;
	right: 55px;
	}

.firstpage #texttrimmer,
.firstpage #pagetrackwrap {
	visibility: hidden;
	}

.nthpage #texttrimmer,
.nthpage #pagetrackwrap,
.lastpage #texttrimmer,
.lastpage #pagetrackwrap {
	visibility: visible;
	}

#trimmertrim:hover, #trimmeruntrim:hover {
	text-decoration: underline;
	}

#trimmertrim, #trimmeruntrim {
	cursor: pointer;
	width: 50px;
	text-align: center;
	color: #888;
	}

.trimmed #trimmertrim {
	display: none;
	}

#trimmeruntrim {
	display: none;
	}

.trimmed #trimmeruntrim {
	display: block;
	}

body.smartposition #trimmertrim, body.smartposition #trimmeruntrim {
	top: 3px;
	}

body.onepageonly #content { /* For the rare case of having only one page of content on the frontpage */
	padding-top: 0;
	}

body.rollingarchives.home-page .navigation {
	display: none;
}

#content .archivepages { /* Hide 'Page X of Y' when RA is active */
	display: none;
	}


/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */


/* Brian's Latest Comments
	http://meidell.dk/archives/2004/09/12/brians-latest-comments/ */

#brians-latest-comments ul li span a, #brians-latest-comments ul li small a,
.sb-comments-blc ul li span a, .sb-comments-blc ul li small a {
	color: #888;
	font-weight: normal;
	word-spacing: -1px;
	}

#brians-latest-comments ul li,
.sb-comments-blc ul li {
	margin-bottom: 6px;
	}

#brians-latest-comments ul li > a[title="Go to the comments of this entry"],
.sb-comments-blc ul li > a[title="Go to the comments of this entry"] {
	position: absolute;
	right:0;
	color: #888;
	}

.activityentry {
	font-size: 1.1em;
	}

div#latest-comments small {
	display: block;
	margin: 0;
	font-weight: normal;
	line-height: 1.5em;
	}


/* FlickrRSS */

.sb-flickr div {
	margin-top: 10px !important;
	}

.sb-flickr div img {
	padding: 5px;
	}

.sb-flickr div a {
	}
	
.sb-flickr div a img {
	margin: 0px 5px;
	}


/* Calendar Module */

#wp-calendar {
	width: 100%;
	}

#wp-calendar td {
	color: #ccc;
	}

#wp-calendar td, #wp-calendar th {
	text-align: center;
	padding: 2px 0;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	font-size: 1.5em;
	font-weight: bold;
	padding: 10px;
	}

#wp-calendar #prev {
	text-align: left;
	}

#wp-calendar #next {
	text-align: right;
	}
	
#wp-calendar #today {
	background: #f3f3f3;
	}


/* Tag Cloud Module */

.widget_tag_cloud {
	line-height: 2em;
	}

.widget_tag_cloud li {
	display: inline;
	}

.widget_tag_cloud a {
	padding: 0 2px;
	white-space: nowrap;
	}


/* GeoPress Fix */

.post-content div.mapstraction {
	margin: 0;
	}


/* Blogsport Additions */ 

.widget_twitter ul li, .widget_rss ul li {
        padding: 3px 0;
	}

.columns-one.single .secondary { 
	display: none; 
	}

.post-content embed, .post-content img { 
	max-width: 100%; 
	}

.k2-widget-asides .tweetmeme_button,
.k2-widget-asides .sociable,
.k2-widget-asides .sexy-bookmarks {
	display: none;
	}
	
.columns-one #wp-admin-bar .padder { 
	width: 100%; 
	} 

.columns-two #wp-admin-bar .padder { 
	width: 782px; 
	} 

.columns-two.widgets-sidebar-2 #wp-admin-bar .padder, 
.columns-three #wp-admin-bar .padder { 
	width: 952px; 
	} 

/* My God. It's full of stars. */
wäre genial, wenn mir jemand zeigen könnte, wo der Widerspruch besteht.

Merci,
moep0710
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 12.06.2010, 12:14
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Lade Deinen Fehlversuch mal hoch.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.06.2010, 13:01
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.06.2010
Beiträge: 5
moep0710 befindet sich auf einem aufstrebenden Ast
Standard

Linke Zitate aus Büchern, Zeitungen und sonstwohe

sorry, hatte ich vergessen anzugeben. das problem ist hier bei der grafik links (Buchcover von Studenten im Aufbruch).
Mit Zitat antworten
  #4 (permalink)  
Alt 12.06.2010, 13:13
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

HTML-Zeile 838 schießt quer.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #5 (permalink)  
Alt 12.06.2010, 13:57
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.06.2010
Beiträge: 5
moep0710 befindet sich auf einem aufstrebenden Ast
Standard

das heißt dann also was?
Mit Zitat antworten
  #6 (permalink)  
Alt 12.06.2010, 14:01
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Was steht denn dort?
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #7 (permalink)  
Alt 12.06.2010, 14:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.06.2010
Beiträge: 5
moep0710 befindet sich auf einem aufstrebenden Ast
Standard

wenn ich den quelltext aufrufe (also im browser auf ansicht -> seitenquelltext anzeigen) und zur zeile 838 gehe steht dort:
Code:
.post {
	margin: 0 0 30px;
	position: relative;
	}
ich weiß nicht, inwieweit das weiterhelfen könnte.
Mit Zitat antworten
  #8 (permalink)  
Alt 12.06.2010, 14:14
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Guckst Du im Firefox? In 838 steht bei mir (mit FX) etwas anderes. Abgesehen davon, dass es sich jetzt verschoben hat - die verantwortliche Regel beginnt nun in 842.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
  #9 (permalink)  
Alt 12.06.2010, 14:19
Benutzerbild von plastiko
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.12.2007
Ort: Hannover
Beiträge: 945
plastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblickplastiko ist ein Lichtblick
Standard

Es ist wohl der margin in für alle divs in .post-content (Zeile 847).
__________________
MfG
Jens
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 12.06.2010, 14:23
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Das hätte er schon noch selber gefunden.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten.
Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Problem mit Text neben Navigationsleiste andi01 CSS 6 08.06.2011 16:54
Mitwachsender Content und Footer Problem Bentham CSS 5 19.09.2010 11:49
Problem bei Div's - zwei mal das gleiche und doch nicht ... Niriel CSS 10 09.06.2005 17:39
Problem mit einem CSS Layout nARC CSS 20 21.05.2005 06:28
Problem mit Background-Color im FireFox to.ni CSS 2 31.08.2004 11:13


Alle Zeitangaben in WEZ +2. Es ist jetzt 06:46 Uhr.