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:
Hoffe ihr könnt mir helfen!
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 />Ü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!