Fehler gesucht - anordnung div(?)

Status
Nicht offen für weitere Antworten.

Muckel1986

Erfahrenes Mitglied
Moin moin,

unter http://renatekoch.com/traum-abc/ habe ich ein fertiges Design für eine Bekannte eingerichtet. (Basieren auf dem Wordpress). Jedoch habe ich mit dem rechten div ein Problem. Es sollte wie das linke oben an dem head anschließen, was nicht geschieht. Leider finde ich den Fehler nicht. Kann mir jemand sagen, woran das liegt? Ich finds einfach nicht. Hier die style.css:
Code:
/*
Theme Name: Dark 3Chemical DE
Theme URI: http://www.dezzain.com
Theme ID: CV23
Description: SEO Friendly and Adsense Ready 3 Column Dark Shade widget theme from <a href="http://www.dezzain.com">Dezzain Studio</a>. <br />&Uuml;bersetzung: <a href="http://www.2-blog.net/">Htwo</a> <br />Die aktuellste Version und das angepasste Pagnavi Plugin erhalten sie unter <a href="http://www.2-blog.net/?page_id=449">2-blog.net</a>.
Author: rkcorp
Designer: rkcorp
Coder: rkcorp
Author URI: http://www.dezzain.com

Copyright 2007-2008 Dezzain

*/

body {
	margin: 0px;
	font-family: Tahoma, Verdana, Arial;
	text-align: left;
	font-size: 80%;
	color: #eeeeee;
	background-color: /*#232222*/#0A246A;
	/*background-image: url(images/stripe_3cc.png);
	background-repeat: repeat-x;
	background-position: top;*/
}
em {
	float: left;
	width: 360px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	font-size: 11px;
	color: #999999;
	font-style: normal;
}
small {
	float: left;
	width: 450px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 12px;
	color: #999999;
}
.alignleft {
	margin-top: 5px;
	margin-right: 5px;
	float: left;
}
.alignright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
}
.aligncenter {
	display: block;
	margin: 0px;
	clear: both;
}
.image_header {
	float: left;
	height: 150px;
	width: 938px;
	margin:5px;
	background-image: url(images/sample_image.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: transparent;
	border:none;
}

#chemical_wp {
	width: 940px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#chemical_container {
	float: left;
	width: 940px;
}
#chemical_header {
	float: left;
	width: 940px;
}
#header_img_site {
	margin: 0px;
	float: left;
	width: 790px;
	height: 125px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.img_placement {
	float: left;
	width: 786px;
	height: 125px;
	background-image: url(images/img3.png);
	background-repeat: no-repeat;
	background-position: center;
	border: 2px solid #171817;
}


#chemical_header img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.chemical_navigator {
	float: left;
	width: 940px;
	border: 1px solid #000000;
}
.chemical_sitelogo {
	float: left;
	width: 940px;
	padding:0px;
	margin: 5px;
}
.chemical_sitelogo h1 a:link, .chemical_sitelogo h1 a:visited {
	color: #869AA0;
	text-decoration: none;
}
.chemical_sitelogo h1 a:hover, .chemical_sitelogo h1 a:active {
	color: #999900;
	text-decoration: none;
}
.chemical_sitelogo h1 {
	font-size: 1.8em;
	float: left;
	width: 900px;
	padding-left: 5px;
	margin: 0px;
}

.chemical_sitelogo p {
	margin: 0px;
	padding-left: 5px;
	font-weight: bold;
	color: #CCCCCC;
	float: left;
	width: 900px;
}
.chemical_navigator ul {
	float: left;
	width: 940px;
	text-align: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.chemical_navigator li {
	margin: 0px;
	float: left;
	display: inline;
	font-size: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.chemical_navigator li a:link, .chemical_navigator li a:visited {
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	font-weight: bold;
	color: #A7A690;
	text-decoration: none;
}
.chemical_navigator li a:hover, .chemical_navigator li a:active {
	margin: 0px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 2px;
	padding-left: 8px;
	font-weight: bold;
	text-decoration: none;
	color: #A7A690;
	border-bottom: 3px solid #000000;
}
#home a:link, #home a:visited {
	color: #A7A690;
	text-decoration: none;
}
#home a:hover, #home a:active {
	color: #FFFFFF;
	text-decoration: none;
}
#chemical_content {
	float: right;
	width: 730px;
	position: relative;
	padding-top: 15px;
	background-color:#BAC0DE;
	color:#000000;
}
#chemical_footer {
	float: left;
	width: 100%;
	/*background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	background-position: center bottom;*/
	background:transparent;
	border-top:none;
	font-size: 11px;
	text-align: center;
	color: #efefef;
	line-height: 16px;
	padding-top: 20px;
}

#chemical_post {
	float: left;
	width: 510px;
	padding-bottom: 25px;
	color:#000000;
}
.post_meta {
	float: left;
	width: 500px;
	background:transparent;
	color:#000000/*A7A690*/;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.post_meta h1 {
	margin: 0px;
	float: left;
	width: 500px;
	font-size: 1.8em;
	color: #000000;
	font-weight: normal;
	text-align: left;
}
.post_meta h1 a:link, .post_meta h1 a:visited {
	text-decoration: none;
	color: #000000;
}
.post_meta h1 a:hover, .post_meta h1 a:active {
	color: #efefef;
	text-decoration: none;
}

.date {
	width: 500px;
	text-align: left;
	padding-top: 5px;
	color: #000000;
	font-size: 14px;
	float: left;
}
.div_line {
	float: left;
	width: 500px;
	margin-top: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #313435;
	color: #000000;
	font-size: 12px;
}

.div_line a:link, a:visited {color:#000000;}
.div_line a:hover {color:#efefef;}

.post_content {
	text-align: left;
	float: left;
	width: 500px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 24px;
	color: #000000;
	font-size: 12px;
}
.post_content p {
	text-align: left;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.post_comment {
	float: right;
	height: 40px;
	width: 141px;
	font-size: 11px;
	line-height: 40px;
	text-align: center;
}
.post_comment a:link, .post_comment a:visited {
	float: right;
	height: 40px;
	width: 141px;
	background-image: url(images/post_comment.gif);
	background-repeat: no-repeat;
	background-position: center -1px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #000000;
}
.post_comment a:hover, .post_comment a:active {
	float: right;
	height: 40px;
	width: 141px;
	background-image: url(images/post_comment.gif);
	background-repeat: no-repeat;
	background-position: center -40px;
	line-height: 40px;
	text-align: center;
	color: #000000;
	text-decoration: none;
}
.clear_content {
	float: left;
	height: 40px;
	width: 500px;
}
.post_content a:link, .post_content a:visited {
	color: #000000;
	text-decoration: none;
}
.post_content a:hover, .post_content a:active {
	color: #869AA0;
	text-decoration: underline;
}
.post_content blockquote {
	clear: both;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(images/block.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 33px;
	color: #B9B9B9;
}
.post_content blockquote blockquote {
	color: #999999;
	margin: 0px;
	padding-top: 3px;
	padding-left: 35px;
}
.post_content code {
	text-align: left;
	display: block;
	padding: 5px;
	clear: both;
	border: 1px dashed #000000;
	margin-top: 8px;
	margin-right: 15px;
	margin-bottom: 8px;
	margin-left: 15px;
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #333333;
	color: #FFFFFF;
}
.post_content img {
	border: 2px solid #333333;
	margin-right: 8px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.div_line a:link, .div_line a:visited {
	text-decoration: none;
	color: #000000;
}
.div_line a:hover, .div_line a:active {
	text-decoration: underline;
	color: #efefef;
}
.post_box {
	float: left;
	width: 500px;
	padding-left: 10px;
	font-size: 18px;
	color: #666666;
}
.post_box a:link, .post_box a:visited {
	color: #999999;
	text-decoration: none;
}
.post_box a:hover, .post_box a:active {
	color: #CCCCCC;
	text-decoration: underline;
}
#sidebars {
	float: right;
	width: 200px;
	margin: 0px;
	padding:0px;
	font-size: 11px;
	background-color: #0A246A;
	border-top:none;
  border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.dynamic_widget {
	float: left;
	width: 200px;
}
#sidebars h2 {
	float: left;
	height: 36px;
	width: 180px;
	background-color: #0A246A;
	margin: 0px;
	line-height: 36px;
	font-size: 1.6em;
	color: #A7A690;
	text-decoration:underline;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Tahoma, Arial, "Baar Sophia", Verdana;
}
.arrow {
	float: left;
	list-style-type: none;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	width: 180px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.arrow li {
	float: left;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	width: 180px;
	padding: 0px;
}
.arrow li a:link, .arrow li a:visited {
	margin: 0px;
	width: 160px;
	padding-left: 14px;
	display: block;
	background-image: url(images/in.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #FFFFFF;
	text-decoration: none;
}
.arrow li a:hover, .arrow li a:active {
	margin: 0px;
	width: 160px;
	padding-left: 14px;
	display: block;
	background-image: url(images/out.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #999999;
	text-decoration: none;
}
.google_placement {
	margin: 0px;
	float: left;
	width: 150px;
	padding-left: 10px;
}
.arrow ul li {
	text-align: left;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #999999;
	margin: 0px;
	padding: 0px;
}
.arrow ul {
	list-style-type: none;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.arrow ul li a:link, .arrow ul li a:visited {
	margin: 0px;
	display: block;
	background-image: url(images/in.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #eeeeee;
	text-decoration: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
	width: 150px;
}
.arrow ul li a:hover, .arrow ul li a:active {
	margin: 0px;
	display: block;
	background-image: url(images/out.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	color: #999900;
	text-decoration: none;
	width: 150px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 14px;
}
.noarrow {

	padding: 0px;
	float: left;
	width: 180px;
	list-style-type: none;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
.noarrow li {
	float: left;
	width: 170px;
	text-align: left;
	color: #999999;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.noarrow li a:link, .noarrow li a:visited {
	margin: 0px;
	color: #CCCCCC;
	text-decoration: none;
}
.noarrow li a:hover, .noarrow li a:active {

	margin: 0px;
	color: #999999;
	text-decoration: none;
}
.noarrow form {
	margin: 0px;
	float: left;
	padding-left: 10px;
	width: 170px;
}
.noarrow p {
	float: left;
	width: 170px;
	padding-left: 7px;
	color: #999999;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.xsearch {
	background-color: #E6E6E6;
	width: 170px;
	border: 1px solid #222222;
	font-weight: bold;
	color: #333333;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
}

#sidebars p a:link, #sidebars p a:visited {
	color: #999900;
	text-decoration: none;
	background-color: #0A246A;
}
#sidebars p a:hover, #sidebars p a:active {
	color: #CCCCCC;
	text-decoration: underline;
	background-color: #0A246A;
}
#comment_template {
	float: left;
	width: 500px;
	padding-left: 10px;
	font-size: 11px;
}
#chemical_post h4 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 480px;
	font-size: 2em;
	font-weight: normal;
	color: #999999;
}
.dynamic_widget form {
	float: left;
	width: 180px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #0A246A;
}
.dynamic_widget p {
	float: left;
	width: 170px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-color: #0A246A;
}

.rss {
	float: left;
	width: 470px;
	padding-left: 25px;
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	height: 25px;
	line-height: 25px;
}
.coms {
	float: left;
	width: 444px;
}
.clear_coms {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 30px;
	width: 480px;
}
.top_coms {
	background-image: url(images/top_com.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 424px;
	padding-right: 10px;
	padding-left: 10px;
	height: 16px;
}
.rep_coms {
	background-image: url(images/rep_com.gif);
	background-repeat: repeat-y;
	width: 424px;
	margin: 0px;
	float: left;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 11px;
	line-height: 18px;
}
.bot_coms {
	background-image: url(images/bot_com.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	width: 424px;
	padding-right: 10px;
	padding-left: 10px;
	height: 35px;
}
.top_coms_alt {
	background-image: url(images/top_alt.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	float: left;
	width: 424px;
	padding-right: 10px;
	padding-left: 10px;
	height: 16px;
}
.rep_coms_alt {
	background-image: url(images/rep_alt.gif);
	background-repeat: repeat-y;
	width: 424px;
	margin: 0px;
	float: left;
	color: #FFFFFF;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 11px;
	line-height: 18px;
}
.bot_coms_alt {
	background-image: url(images/bot_alt.gif);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	width: 424px;
	padding-right: 10px;
	padding-left: 10px;
	height: 35px;
}
.author_date {
	float: left;
	width: 424px;
	padding-right: 10px;
	padding-left: 10px;
	height: 35px;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
.rep_coms blockquote {
	background-image: url(images/block_com.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	clear: both;
	padding-top: 5px;
	padding-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 18px;
}
.rep_coms code {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	margin: 10px;
	padding: 5px;
	clear: both;
	color: #FFFFFF;
	background-color: #252829;
	border: 1px dashed #52595C;
}

.rep_coms_alt blockquote {
	background-image: url(images/block_com_alt.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	clear: both;
	padding-top: 8px;
	padding-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	color: #CCCCCC;
	line-height: 18px;
}
.rep_coms_alt code {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	display: block;
	margin: 10px;
	padding: 5px;
	clear: both;
	color: #FFFFFF;
	background-color: #30312D;
	border: 1px dashed #5F6158;
}
.coms p {
	margin: 0px;
	clear: both;
	padding: 0px;
}
.coms a:link, .coms a:visited {
	color: #CCCCCC;
	text-decoration: underline;
}
.coms a:hover, .coms a:active {
	color: #CCCCCC;
	text-decoration: none;
}
#chemical_post h5 {
	float: left;
	width: 400px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: 1.7em;
	font-weight: normal;
}
#tf {
	float: left;
	width: 400px;
}
#comment_template form {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 400px;
}
#tf input {
	width: 250px;
	background-color: #FFFFFF;
	border: 1px solid #232323;
	color: #000000;
	padding: 2px;
}
#tf p {
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 13px;
	font-weight: bold;
	color: #CCCCCC;
}
#tf input:hover {
	width: 250px;
	background-color: #eeeeee;
	border: 1px solid #131414;
	color: #333333;
	padding: 2px;
}
#ta {

	float: left;
	width: 400px;
}
#ta textarea {
	padding: 5px;
	width: 350px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	height: 150px;
	margin: 0px;
	color: #333333;
}
#ta p {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#ta textarea:hover {
	padding: 5px;
	width: 350px;
	background-color: #eeeeee;
	border: 1px solid #141414;
	height: 150px;
	margin: 0px;
}
.rss a:link, .rss a:visited {
	text-decoration: none;
	color: #CCCC99;
}
.rss a:hover, .rss a:active {

	text-decoration: underline;
	color: #FFFFFF;
}
#tsbm {


	float: left;
	width: 360px;
}
#tsbm p {
	padding: 0px;
	clear: both;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#tsbm input {
	float: right;
	width: 150px;
	background-color: #666666;
	border: 2px solid #666666;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
#tsbm input:hover {
	float: right;
	width: 150px;
	background-color: #999900;
	border: 2px solid #666666;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
}
#chemical_footer a:link, #chemical_footer a:visited {
	text-decoration: none;
	color: #999999;
}
#chemical_footer a:hover, #chemical_footer a:active {
	color: #869AA0;
	text-decoration: underline;
}
.post_pre {
	float: left;
	width: 500px;
}
.post_pre a:link, .post_pre a:visited {
	color: #CCCCCC;
	text-decoration: none;
}
.post_pre a:hover, .post_pre a:active {
	color: #869AA0;
	text-decoration: none;
}

.lastpost {
	float: left;
	width: 250px;
	background-image: url(images/out.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
}
.nextpost {
	float: right;
	width: 250px;
	text-align: right;
	padding-right: 15px;
	background-image: url(images/in.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
}
.dark {
	color: #999999;
}
.google_p500 {
	float: left;
	width: 480px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#chemical_post h6 {
	float: left;
	width: 400px;
	margin-top: 8px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	font-size: 1.6em;
	font-weight: normal;
	color: #99CC00;
}
#dynamic_sidebars {
	float: left;
	width: 200px;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	position: relative;
	font-size: 11px;
	border-top:none;
  border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #0A246A;
}
#dynamic_sidebars h2 {

	float: left;
	height: 36px;
	width: 180px;
	background-color: /*#232222*/#0A246A;
	margin: 0px;
	line-height: 36px;
	font-size: 1.6em;
	color: #A7A690;
	text-decoration:underline;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family:
	}
	
#werbungfooter {
  text-align:center; 
  border:none;
  }

Hoffe ihr könnt mir helfen!
 
Vielen vielen Dank :)

Weißt du evtl. auch noch, weshalb die google Werbung im Internetexplorer nicht angezeigt wird?

Gruß Muckel
 
Meinst du die in der linken Spalte und im Footer-Bereich? Die wird bei mir im IE (6 +7) angezeigt.

Vielleicht solltest du mal den Ad-Blocker deaktivieren?
 
Ich meine die im footer - denn bei mir (der IE unter Vista) wird sie an gezeigt. Die "Kundin" meinte, dass es unter älterem IE nicht an gezeigt wird.

Aber wenns bei Dir da ist, bin ich beruhigt. Danke :)
 
Stellt sich die Frage, welchen älteren IE sie meint, denn ich hab mir die Seite eben zusätzlich im IE 5.01 + 5.5 angeschaut, und ersterer zeigt sie tatsächlich nicht an, dafür wirft er beim Seitenaufruf einen JS-Fehler aus, der sich wohl auf das Adsense-Script bezieht.

Mit dem CSS-Code hängt dies nicht zusammen, denn im absolut stylesheetfreien HTML-Dokument wird das google-Adsense ebenfalls nicht angezeigt.
 
Status
Nicht offen für weitere Antworten.
Zurück