*************
hat sich erledigt !
*************
Hallo Zusammen,
bei meiner Seite: Espressobar 24 verrutscht mir im IE der Footer.
Der Footer soll natürlich immer am Ende der Seite sein.
Im FF ist das ja alles soweit OK
Kann mir da jemand weiterhelfen?
Poste hier mal meine style.css
Gruß und schon mal vielen Dank !
PHP
/*
Theme Name: CoffeeBreak
Theme URI: http://www.antbag.com
Description: This is a nice conservative theme with no shiny parts.
Version: 1.0
Author: Antbag
Author URI: http://www.antbag.com/
*/
body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
margin: 0;
padding: 0;
}
body{
margin: 0;
font-family: Arial, Helvetica, Georgia, Sans-serif;
font-size: 14px;
text-align: center;
vertical-align: top;
background: #bfb8a1 url(images/bg_page.gif) repeat-y top;
color: #222;
}
h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 15px;
}
h3{
padding: 15px 0 15px 0;
}
h4{
padding: 0 0 0 15px;
}
a:link, a:visited{
text-decoration: none;
color:#663300;
}
a:hover{
text-decoration: underline;
color: #000000;
}
blockquote { font-style: italic;
font-family: Arial, Helvetica, Georgia, Sans-serif;
color: #333;
margin: 1.5em 30px 1.5em 30px;
padding: 4px 4px 4px 10px;
background: #FFFCED;
border-top: 1px solid #F2E6B1;
border-left: 1px solid #F2E6B1;
}
.entry p {
margin: 0 0 15px 0;
}
.entry ul, .entry ol {
margin: 0 0 15px 40px;
}
.entry ul {
list-style-type: disc;
}
.entry li {
margin: 0 0 5px 0;
}
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol {
margin: 5px 0 5px 30px;
}
.entry img.left {
padding: 6px;
margin: 0.5em 15px 0.5em 0;
border: 1px solid #ccc;
background: #eee;
float: left;
clear: left;
}
.entry img.right {
padding: 6px;
margin: 0.5em 0 0.5em 15px;
border: 1px solid #ccc;
background: #eee;
float: right;
clear: right;
}
.entry img.center {
display: block;
padding: 8px;
margin: 0 auto 1.5em auto;
border: 1px solid #ccc;
background: #eee;
float: none;
clear: both;
}
.entry img.off {
padding: 0 !important;
border: none !important;
}
.entry img.stack {
clear: none !important;
}
#wrapper{
margin: 0 auto 0 auto;
width: 900px;
text-align: left;
}
/*----HEADER----*/
#header{
float: left;
width: 880px;
padding: 50px 0 30px 20px;
background: url(images/bg_header_900x136.gif) no-repeat left bottom;
color: #fff;
border-top: 3px solid #BFB8A1;
}
#header a{
text-decoration: none;
color: #fff;
}
#header a:hover{
text-decoration: underline;
}
/*----NAVIGATION BAR----*/
#top-menu{
clear: both;
float: left;
width: 100%;
font-family: Georgia, Sans-Serif;
text-align: left;
border-top: 2px solid #BFB8A1;
border-bottom: 3px solid #BFB8A1;
background: #736E60;
}
#top-menu a{
text-decoration: none;
color: #fff;
}
#top-menu a:hover{
text-decoration: underline;
}
#top-menu ul{
margin: 0 auto;
width: 850px;
padding: 5px 0;
text-align: left;
}
#top-menu ul li{
display: inline;
padding: 0 20px 0 0;
font-size: 14px;
}
/*----POST----*/
#container{
float: left;
width: 630px;
padding: 0 0 0 0;
}
.post{
padding: 20px 50px 40px 40px;
}
.post h2{
font-family: Georgia, Sans-serif;
font-size: 22px;
padding: 20px 0 0 0;
}
.entry{
line-height: 22px;
}
.postinfo{
font-size: 11px;
color: #BFB8A1;
padding: 2px 0 20px 0;
}
.postinfo a{
color: #BFB8A1;
}
.postdate{ color: #BFB8A1; }
p.postmetadata{
font-size: 12px;
color: #BFB8A1;
border-top: 1px dashed #F2E6B1;
margin: 20px 0 0 0;
padding: 5px 0 0 0;
}
p.postmetadata strong{
float: right;
}
/* This is the link at the bottom of a post which lets you go to the next or previous post */
.navigation{
padding: 10px 20px 20px 10px;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}
/*----SIDEBAR STYLES----*/
.sidebar{
float: right;
width: 260px;
margin: 0 auto 5px auto;
padding-top: 35px;
padding-bottom: 15px;
display: inline;
overflow: hidden;
}
.sidebar ul{
list-style: none;
margin: 0;
padding: 0 10px 0 10px;
}
.sidebar ul li{
padding: 10px 0 10px 5px;
}
.sidebar ul li h2{
font-family: Georgia, Sans-serif;
font-size: 14px;
font-weight: normal;
color: #fff;
padding: 5px 5px 5px 20px;
margin: 0 10px 10px 0;
background: #736E60;
border: 2px solid #BFB8A1;
}
.sidebar ul ul li{
padding: 0;
margin: 0 0 0 13px;
line-height: 24px;
list-style: url(images/mug_bullet.gif);
}
.sidebar .syndication ul li{
display: inline;
margin: 0 0 0 20px;
padding: 0 0 0 17px;
background: url(images/feed-icon-12x12.png) no-repeat;
}
.sidebar a:link, a:visited{
text-decoration: none;
color:#404040;
}
.sidebar a:hover{
text-decoration: underline;
color: #000000;
}
table#wp-calendar{
width: 100%;
}
/*----COMMENT FORM----*/
#comment-form{
width: 475px;
margin: 50px 0 0;
border: 2px dotted #F2E6B1;
padding: 5px 5px 15px 15px;
background: #FFFCED url(images/mug.gif) no-repeat top right;
}
.comments-template ol{
margin: 0 0 15px;
list-style: none;
}
.comments-template ol li{
line-height: 18px;
margin: 10px 0 10px 0;
}
.comments-template h2, .comments-template h3{
font-family: Georgia, Sans-serif;
font-size: 16px;
color: #736E60;
padding: 10px 0 30px 0;
}
.commentmetadata{
font-size: 12px;
color: #BFB8A1;
padding: 20px 0 20px 0;
}
.commentmetadata strong {
font-size: 16px;
}
.comments-template p.nocomments{
padding: 0;
}
.comments-template input{
border: 1px solid #333;
}
.comments-template textarea{
font-family: Arial, Hevletica, Georgia, Sans-seriff;
font-size: 12px;
color: #000;
margin: 30px 15px 15px 0;
background: #FFF;
border: 1px solid #F2E6B1;
}
/*----FOOTER----*/
#footer{
clear: both;
float: left;
width: 885px;
padding: 10px 5px 5px 10px;
line-height: 18px;
color: #FF9;
background: #736E60;
border-top: 3px solid #BFB8A1;
border-bottom: 3px solid #BFB8A1;
}
#footer a:link{
text-decoration: none;
color: #FF9;
}
#footer a:hover{
text-decoration: underline;
color: #FFF;
}
#footer a:visited{
text-decoration: none;
color: #BFB8A1;
}