Beiträge von chris87

chris87

Hi,

hab Probleme mit dem Footer
http://www.motozentrum-bitze.de/

der Footer endet nicht mit dem Content (also der Seite) sondern anscheinend mit der Sidebar.

Man hat also immer noch unter dem Footer einen weißen Rand
(falls ihr das nicht seht, müsst ihr einfach was rauszoomen, Firefox ist das strg+-)

ich hab keine ahnung was ich da machen kann

Code

/*
*/
* {
  margin: 0px;
  padding: 0px;
}
body {
    margin: 0px;
    padding: 0px;
    font-size:76%; 
    font-family:Arial, Verdana, Sans-Serif;
    background: #b8b8b8 url('images/bg.gif') repeat-y top center;
}
#wrap {
    width: 800px;
    overflow: hidden;
    position:relative;
    margin: 0px auto;
    background: #fff;
}
#content {
    width: 500px;
    float: left;
    display:inline;
    text-align: justify;
    padding: 10px;
    margin: 8px;
}
#nav {
    height: 49px;
    width: 790px;
    margin-right: auto;
    margin-left: auto;
}
#sidebar {
    width: 220px;
    float: right;
    line-height: 1.5em;
    display:inline;
    margin: 8px 8px 8px 0px;
    padding: 10px;
    font-size:10px;
}
#pages h1{
    margin:0px;
    padding:0px;
}
#pages h1 a{
    text-decoration:none;
    color:#999;
    font: 18px Arial, Helvetica, sans-serif;
    margin:0px;
    padding:13px 0px 0px 10px;
    letter-spacing: -1px;
    float: left;
}
#pages h1 a:hover{
    text-decoration:underline;
}
h1 {
    margin: 0px;
    padding: 45px 5px 5px 15px;
    font-size: 2.0em;
   }


h2{
  font-size: 1.6em;  
  border-bottom: 1px solid #f91;
}
h2 a{}
h3 {
    margin-top: 1.5em;
    font-size: 1.4em;
}
h4 {
    margin-top: 1.2em;
      font-size: 1.2em;
}
h5{
  margin-top: 1em;
  font-size: 1em;
}
#logo {
    background: url('images/header.gif') no-repeat;
    height: 120px;
    width: 800px;
    margin-right: auto;
    margin-left: auto
    }
#tagline {
    height: 20px;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    padding-left:15px;
}
div#topnav {
    height: 40px;
    margin: 0px auto 0px;
    width:800px;
    background: #2d2d2d;


}


div#topnav ul {
    padding: 10px 0px 0px;
    white-space: nowrap;
    list-style-type: none;
    margin: 0px;    
}
div#topnav ul li {
    float:right;
}


div#pages ul li.current_page_item a  {
    text-decoration: underline;
}
div#topnav ul li a {
    display: block;
    text-decoration: none;
    border-left: 1px dotted #b8b8b8;
    font-size:12px;
    padding:5px 10px 5px 10px;
    color: #b8b8b8;
}
div#topnav ul li a:hover {
    color: #ccc;
}


#footer {
        clear: both;
    text-align: center;
    color:#b8b8b8;
    background:#2d2d2d;
    border-top:#b8b8b8 solid 5px;
    width: 800px;
    height: 80px;
    padding: 0px;
    margin-right: auto;
    margin-left: auto;






}
#footer p{
    padding:10px;
    margin:0px;
}


.entry{
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    font-size: 1.0em;
    line-height: 1.5em;
}
.firstpost {
    margin-bottom:15px
}
h3.entrytitle, h3 {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 5px;


}
h3.entrytitle a, h3.entrytitle a:visited, h3 a{
    color: #f91;
    text-decoration:none;
    border-style: none;
    font-size: 18px;
    font-weight: bolder;
    text-transform: none;
}
h3.entrytitle a:hover, h3 a:hover{
text-decoration:underline;}
.entrymeta{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    color: #666;
    border-top:solid 1px #666;
    padding-top:4px;
    margin-bottom: 8px;
}
.entrymeta a img{
    border: none;
}
.entrymetabottom{
    height: 16px;
    margin-top: 0;
    font-size: 10px;
    border-top:solid 1px #666;
    padding-top:4px;
}
.entrymeta-home{
display:block;
background:#fafafa;}
/********************
.entryedit{
background: url('images/edit.gif') no-repeat left;}
***********************/
.entrymetabottom a img{
    border: none;
}
.entrybody a {
    height: 16px;
    margin-top: 0;
    font-size: 12px;
    color: #f91;
}
.entrybody img {
    padding: 4px;
    border: none;
}
.entrybody .wp-smiley {
border: none;
padding: 0;
}
.entrybody ul {
    margin-left: 20px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:20px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
.commentlink img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


h4, h3, h2, #commentblock h2 {
    margin: 0;
    padding: 0px;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    color:#999;
}
h2{
    margin-bottom: 10px;
    font-size: 14px;
}
a, a:visited{
    color: #f91;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
.entrybody p{
    margin:8px 0;
    padding:0;
}
.entrybody ul {
    margin-left: 30px;
    padding-left:0px;
    list-style-type: none;
}
.entrybody ol{
    margin-left:30px;
    padding-left:0px;
}
.entrybody ul li {
    list-style:square;
}
/********************SIDEBAR********************/
#sidebar h2 {
    display:block;
    height: 20px;
    margin: 5px 0px 0px;
    padding: 5px 0px 2px 10px; 
    font-size: 12px;
    color: #fff;
    border:none;    
    font-weight: normal;
    background:#f91;/* url('images/roundcorner.gif') no-repeat top left;*/
}
#sidebar ul {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0;
}
#sidebar ul li {
    display: inline;
    margin:0;
    padding:0;}
    
#sidebar li{
    list-style: none;
}
#sidebar ul li a {
    border-bottom: 1px solid #666;
    color: #f91;
    display: block;
    text-decoration: none;
    margin-left: 0px;
    padding: 4px 0 4px 25px;
    background: url('images/navbulle2.gif') no-repeat;
    background-position: 8px 50%;
}


#sidebar ul li a:hover{
    color: #f91;
    background: #ececec url('images/navbulle.gif') no-repeat;
    background-position: 10px 50%;
}


#sidebar ul.feeds li a{
    background:url('images/rss.png') no-repeat center left;
}
#sidebar ul.feeds li a:hover{
    text-decoration:underline;
}


#searchdiv {
    color:#000;
    margin-top: 2px;
    margin-bottom: 10px;
    border-bottom:none;
    background-color: transparent;
}
#searchdiv h2{
    color:#fff;
    background-color: #f91;
    margin-bottom:5px;}
.search{
    border: 1px solid #000;
}
#searchdiv input{
background: url('images/searchbg.gif') repeat-x 0 0;}


/************************************************
*    Comments                                                    *
************************************************/
#commentblock h2{
    padding:2px;
    margin-bottom:10px;
    margin-top:30px;
}
#commentblock {
    float:left;
    padding-top: 0px;
    padding-bottom: 20px;
    text-align: left;    /*font-size: 0.8em;*/
}
ol#commentlist {
    margin-top:0px;
    padding: 5px;
    margin-left: 0px;
    list-style-type: none;
}
.commentdate {
    font-size:0.8em;
    padding-left:5px;
}
#commentlist li  p{
    margin-bottom: 8px;
    line-height: 20px;
    padding:0;
}
.commentname {
    margin: 0 0 15px 0;
    padding: 5px;
}
.commentname-admin{
font-weight: bold;
}
.commentinfo{
    clear:both;
}
.comments-link {
    background:url('images/comments.gif') no-repeat left center;
    padding-left:16px
}
#commentlist li.standard{
    background:#fafafa;
    border-bottom:1px dotted #ccc;
    border-top:1px dotted #ccc;
}
#commentlist li.alt{
    background:#fff;
}
.commenttext{
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;    
}
.commenttext-admin {
    clear: both;
    margin: 0px 0 10px 0;
    padding: 0px 5px 0px 5px;
    width:450px;
    /*background: #ccc;*/
}
#commentsformheader{
    padding-left:0px;
}
#commentsform{
    margin-top:0;
    text-align:center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#commentsform form{
    text-align:left;
    margin:0px;
}
#commentsform p{
    margin:5px;
}
#commentsform form textarea{
    width:99%;
}
p.comments_link  img{
    margin: 0px;
    padding: 0px;
    border: none;
}
blockquote{
    font-style: italic;
    color: #999;
    /*background: #f9f9f9 url('images/blockquote.gif') no-repeat scroll top left;*/
}
table{
    margin:10px;
}
td, th{
    padding:3px;
    font-weight:normal;
}
#archiv{
margin-left: 15px;}
#archiv ul{
margin-left: 25px;
margin-bottom: 15px;}

Alles anzeigen

chris87

thx fü den hinweis

das problem ist zwar nit behoben
aber ich hab dafür ne andere alternative gewählt

chris87

hier mein Stylesheet Code

CSS

*/


/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.


Version: 1.1, November 28, 2005 */


.entry, .entrytext {
    overflow: hidden;
}




* html .entry, * html .entrytext {
    overflow: visible;
    height: 1px;
}


* html .entry p, * html .entrytext p {
    width: 99%;
    overflow: hidden;
}


/* Various Elements */


body {
    background: url(images/bodybg.gif) #E0E0E0 repeat-x;
    color: #505050;
    font: 80% Comic Sans MS,Georgia,Verdana,Tahoma,Arial,sans-serif;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: top;


}


a {
    color: #FA9035;
    font-weight: normal;
    text-decoration: none;
}


a:hover {
    color: #D04A10;
}


code {
    color: #B07300;
    font-size: 1.1em;
}


dd {
    margin: 1px 0 12px 15px;
}


dt {
    font-weight: 700;
}


hr {
    height: 1px;
    margin: 10px 0;
    width: 98%;
}


/* Structure */


#container{
    background: url(images/bodybg.gif) #C0C0C0 repeat-x;
    margin: 0 auto;
    text-align: left;
    width: 836.5px;


}
#wrap1 {
    background: url(images/innerbg.gif) #FFFFFF repeat-y;
    border-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    clear: both;
    padding: 0 !important;
    padding-top: 0px;
    width: 835px;
    z-index: 1;


}


#wrap2 {
    background: url(images/header.jpg) top left no-repeat;
    margin-top: -10px; /* This doesn't work for Mozilla 1.7.12 */
    padding: 10px;
    width: 815px;
}


/* Header */


#header {
    height: 00px;
    position: relative;
    width: 835px;
}


#header h1 {
    float: left;
    font-size: 1.4em;
    margin: 0;
    width: 180px;
}


/* Sitename */


#sitename {
    background: url(images/logo.png) top center no-repeat;
    font-weight: 400;
    height: 100px;
    margin: 0px 20px 0px 0;
    padding-top: 0px;
    text-align: center;
    z-index: 2;
}


#sitename div.description {
    color: #FFFFFF;
    font-size: 1.6em;
    letter-spacing: -1px;
    margin: 0;
}


#sitename h1 {
    font-size: 2.2em;
    margin: 0;
    padding-top: 20px;
}


#sitename h1 a {
    color: #FFFFFF;
}


/* Tab Navigation */


#nav  {
    background: url(images/greypx.gif) bottom left repeat-x;
    float: left;
    padding: 0 0 0 0;
    width: 835px;
}


#nav .current_page_item {
    background: url(images/tabs.gif) no-repeat 0 -41px;
}


#nav .current_page_item a {
    background: url(images/tabs.gif) no-repeat 100% -41px;
    color: #303030;
    padding: 7px 00px 8px 11px;
}


#nav a {
    background: url(images/tabs.gif) no-repeat 100% 0;
    color: #808080;
    display: block;
    font-size: 1.2em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 0 0;
    padding: 7px 0px 8px 11px;
    text-decoration: none;
}


#nav a:hover {
    color: #505050;
}


#nav li {
    background: url(images/tabs.gif) no-repeat 0 0;
    float: left;
    margin: 0 4px 0 0;
    padding: 0 0 0 9px;
}


#nav ul {
    list-style: none;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}


/* Topbox */


#topbox {
    color: #808080;
    margin: 0 0 4px;
    text-align: right;
}


#topbox a {
    color: #D04A10;
}


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


/* Left Sidebar */


#leftside {
    float: left;
    margin: -15px 0 0;
    width: 145px;
}


#leftside h2 {
    font-size: 1.4em;
    font-weight: 400;
    padding-bottom: 0px;
    margin-bottom: 5px;
}


#leftside li {
    list-style: none;
}


#leftside li a {
    color: #D04A10;
    display: block;
    font-size: 1.0em;
    font-weight: bold;
    padding: 2px 2px 2px 5px;
    position: relative;
    text-decoration: none;
    width: 125px;
}


#leftside li a:hover {
    border: 1px solid #FA9035;
    color: #505050;
    padding: 1px 1px 1px 4px;
}


#leftside ul {
    margin: 10px;
    padding-left: 5px;
}


#leftside ul.children li a {
    font-size: 0.9em;
    margin-left: 5px;
    padding: 1px 1px 1px 6px;
    width: 105px;
}


#leftside ul.children li li a:hover {
    padding: 0 0 0 5px;
}


#leftside ul.children li li a {
    margin-left: 10px;
    padding: 1px 1px 1px 6px;
}


#leftside ul.children li a:hover {
    border: 1px solid #FA9035;
    color: #505050;
    padding: 0 0 0 5px;
}


#leftside li.current_page_item a {
    background: #ECD9CB;
    border: 1px solid #FA9035;
    padding: 1px 1px 1px 4px;
}


/* Right Sidebar */


#rightside{
    float: right;
    margin: 40px 15px 20px 0;
    width: 130px;
}


#rightside p {
    font-size: 0.9em;
    margin: 2px 0 12px 10px;
}


#rightside h1 {
    font-size: 1.4em;
    font-weight: 400;
    margin: 0 0 12px;
}


#rightside h2 {
    font-size: 1.2em;
    font-weight: 400;
}


#rightside img {
    border: 1px solid #FA9035;
    margin: 10px 0 5px 5px;
    padding: 2px;
}


#rightside li {
    list-style: none;
}


#rightside ul.right-links li {
    font-size: 1.0em;
    list-style: none;
    padding: 0 0 5px 0px;
    margin: 0px;
}




#rightside ul.right-links {
    margin: 0 0 0 0;
    padding: 0 0 0 0px;
}


/* Recent Comments plugin */


div#recentcomments {
    padding-top: 10px;
}


span#recentCommentsTitle {
    font-size: 1.2em;
    font-weight: 400;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}


#recentcomments ul ul {
    margin: 0 0 0 5px;
    padding: 0 0 5px 0;


}


#recentcomments ul ul li{
    margin: 0px;
    padding: 5px;
    font-size: 0.9em;
}


#recentcomments ul ul li a {
        color: #D04A10;
}


#recentcomments ul ul li a:hover {
        color: #FA9035;
}


ul#recentcommentsList {
    padding: 5px 0 0 0;
    margin: 0 0 0 0; 
}




li span.recentCommentsPostTitle {
    margin: 0px;
    padding: 0px;
    font-size: 1em;
}


li span.commentAuthor {
    margin: 0px;
    font-weight: bold;
    font-size: 1.0em;
}
/* Content */


#content {
    margin: 45px 160px 0 180px;
    width: 625px;


}


#content h1,#contentalt h1 {
    color: #505050;
    font-size: 2em;
    font-weight: 400;
    margin: 15px 0 10px;
    padding: 0;
}


#content h2 a,#contentalt h2 a {
    color: #505050;
    font-size: 1.0em;
    font-weight: 200;
}




#content h2 a:hover,#contentalt h2 a:hover {
    color: #D04A10;
}


#content h2,#contentalt h2 {
    border-bottom: 1px solid #FEE0C8;
    color: #505050;
    font-size: 1.8em;
    font-weight: 200;
    margin: 20px 0 10px;
    padding: 0;
}


#content p,#contentalt p {
    margin: 8px 0 0 10px;
}


#contentalt {
    margin: 45px 15px 0 180px;
    width: 625px;
}


.entry img, .entrytext img {
    background: #FAFBFC;
    border: 1px solid #E0E0E0;
    margin: 5px 5px 0px 5px;
    padding: 5px;
}


img.wp-smiley {
    background: transparent;
    border: 0px;
    margin: 0px;
    padding: 0px;
}


/* Footer */


#footer {
    clear: both;
    color: #A0A0A0;
    font-size: 0.9em;
    height: 36px;
    margin-top: 20px;
    padding: 1px;
    text-align: right;
    width: 810px;
}


#footer a {
    color: #A0A0A0;
    font-weight: 400;
}


#footer a:hover{
    color: #A0A0A0;
    text-decoration: underline;
}


/* Back and Forward Navigation */


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


.bottomnavigation {
    margin: 30px 0 0 0;
    padding: 5px 0 30px 0;
}


.alignleft {
    float: left;
    font-size: 0.9em;
    text-align: left;
}


.alignright {
    float: right;
    font-size: 0.9em;
    text-align: right;
}


/* Images */


.noalign {
    background: #FAFBFC;
    border: 1px solid #E0E0E0;
    margin: 5px 5px 5px 5px;
    padding: 5px;
}


.right {
    background: #FAFBFC;
    border: 1px solid #E0E0E0;
    float: right;
    margin: 5px 0px 6px 15px;
    padding: 5px;
    display: inline;
}


.left {
    background: #FAFBFC;
    border: 1px solid #E0E0E0;
    float: left;
    margin: 5px 15px 6px 0px;
    padding: 5px;
    display: inline;
}


/* Search */


#searchform {
    margin: -5px 0 2px 0;
    padding: 0 0 3px 0;
}


#searchbox {
    border: 1px solid #99AFBD;
    width: 200px;
}


#searchsubmit {
    color: #D04A10;
    font-weight: bold;
    background: #FEE0C8;
    border: 1px solid #99AFBD;
    padding: 0 10px 0 10px;
    height: 19px;
}


#searchsubmit:hover {
    color: #505050;
    border: 1px solid #505050;
}


/* Comments Form */


#author {
    border: 1px solid #FECA9E;
}


#comment {
    border: 1px solid #FECA9E;
    width: 99%;
}


#url {
    border: 1px solid #FECA9E;
}


#email {
    border: 1px solid #FECA9E;
}


#submit {
    color: #D04A10;
    font-weight: bold;
    background: #FEE0C8;
    border: 1px solid #FA9035;
    padding: 0 10px 0 10px;
    width: 150px;
}


#submit:hover {
    color: #505050;
    border: 1px solid #505050;
}


ol.commentlist li {
    background-color: #D3E4EF;
    border: 1px solid #FECA9E;
    margin-bottom: 5px;
    padding: 5px;
}


ol.commentlist li.alt {
    background-color: #FEEFE2;
    border: 1px solid #FEE0C8;
}


/* Various Styles */
img.wp-smiley {
    border: 0px;
}


p {
    line-height: 1.5em;
    margin: 0 0 15px;
}


#archives ul {
    padding: 0px;
    margin: 0px;
}


#archives ul ul {
    padding: 0px;
    margin: 0px;
}


#archives li {
    list-style: none;
    margin: 0px;
    padding: 0 0 0 15px;
}


#links ul {
    padding: 0px;
    margin: 0px;
}


#links li {
    list-style: none;
    margin: 0px;
    padding: 0 0 5px 20px;
}
.box {
    background: url(images/boxbg.gif) #F8F8F8 top left repeat-y;
    border: 1px solid #D0D4D4;
    color: #505050;
    margin: 15px auto;
    padding: 10px 10px 10px 20px;
    width: 75%;
}


.center {
    text-align: center;
}


.entry {
    padding: 0 0 20px 0;
}


.hide {
    display: none;
}


.info {
    border-bottom: 3px double #FEE0C8;
    border-top: 1px double #FEE0C8;
    font-size: 0.9em;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 0 7px 0;
}


.info a {
    font-weight: normal;
}

Alles anzeigen

chris87

Hallo, ich hoffe mir kann hier einer weiterhelfen, ich gekomms einfach nicht hin.

Am besten erklär ichs mal mit nem Screenshot (siehe anhang)
(Als Anmerkung: Ich bin zeimlich neu in Wordpress unterwegs, also entschuldigt bitte wenn ich etwas schlecht oder falsch erkläre.)

irgendwie wird das Logo im Header immer durch den rotmarkierten Bereich "überschrieben".
Also als ob das Logo eine Ebene unter dem markierten Bereich liegen würde.
wenn ich das Logo also etwas nach untern verschieben möchte, verschwindet immer ein Teil der Grafik.

Ich hab schon alles in den Codes abgesucht, aber keine Lösung gefunden.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Beiträge von chris87

Probs mit dem Footer

Probleme mit dem Header

Probleme mit dem Header

Probleme mit dem Header