Hallo !
Ich verwende Wordpress 2.5 und das Theme Groove.
Wenn ich eine Seite erstelle, die inhaltlich nicht lang genug ist, erscheint der Footer mitten auf der Seite.
Einen Link kann ich leider nicht anbieten, da ich das ganze lokal erstellt habe.
Vermute mal, daß es irgendeinen Haken in meiner css-Datei gibt ...
CSS
body {
margin:0;
padding-top:0px;
background:#fff;
font-family:"Century gothic",Tahoma,Verdana,sans-serif;
color:#999;
font-size:12px;
}
img {
border:0;
}
a {
color:#f68435;
text-decoration:none
}
a:hover {
color:#fff;
text-decoration:none
}
h1, h2, h3, h4, h5, h6 {
}
blockquote {
padding-left:10px;
color:#A8ABB4;
font-style: normal;
}
.clear {
clear:both;
}
.alignleft {
float:left;
padding:5px 0 0 5px;
}
.alignright {
float:right;
}
/* The Wrapper */
#wrapper {
width:1000px;
margin:0 auto;
background:#fff url(images/wrap.jpg);
background-repeat:repeat-y;
border-left:1px solid #3e3e3e;
border-right:1px solid #3e3e3e;
}
#inwrapper {
width:816px;
float:right;
}
/* The Top */
#top {
width:382px;
height:694px;
margin-top:0px;
background:#0E0E0E url(images/top.jpg);
background-repeat:no-repeat;
float:right;
position:absolute; /* fixed oder absolute zum mitscrollen */
_position: absolute;
}
.blogname {
float:left;
width:382px;
font-family:"Myriad Pro",Tahoma,Verdana,sans-serif;
text-align:center;
}
.blogname h1 {
font-size:40px;
font-weight:normal;
margin:40px 0 0 0px;
color:#dbdbdb;
text-decoration: none;
}
.blogname h1 a:link, .blogname h1 a:visited{
color: #dbdbdb;
text-decoration: none;
background-color:transparent;
}
.blogname h1 a:hover {
color: #ffffff;
text-decoration: none;
background-color:transparent;
}
.blogname h2 {
margin:0px 0 0 0px;
font-size:16px;
font-weight:normal;
color:#fff;
}
/* The Search */
.search {
height:29px;
padding:0px 20px 0 14px;
float: right;
}
.search form {
background:url(images/searchbg2.png);
width:350px;
height:29px;
padding-top:469px;
padding-left:17px;
}
.search input {
float:left;
}
.search input#s {
width:290px;
border:none;
background:#fff;
font-size:16px;
color:#444;
height:20px;
}
.search input#submit {
border:none;
background:#fff;
font-size:15px;
color:#aeaeae;
height:22px;
width:60px;
}
/* The Content */
.date {
float:left;
width:60px;
height:65px;
background:url(images/date.gif);
text-align:center;
font-size:12px;
line-height:25px;
text-transform:uppercase;
color:#000;
}
.date .day {
color:#fff;
font-size:24px;
font-weight:bold;
padding-bottom:3px;
line-height:15px;
}
#content {
padding:15px 0px 25px 5px;
background:url(images/content.pg) top no-repeat;
width:434px;
float:right;
}
/* The Posts */
.text {
width:425px;
float:right;
text-align:left;
}
.post {
padding:0px 0px 10px 0px;
text-align:left;
}
h1.title {
font-size:20px;
margin:2px 0 0 0;
padding:5px 3px 0px 0px;
color:#fff;
font-weight:bold;
background:none;
}
h1.title a {
color:#fff;
text-decoration:none;
}
h1.title a:hover {
color:#ccc;
background:none;
text-decoration:none;
}
.postinfo {
height:20px;
padding: 2px 10px 2px 2px;
}
.postinfo a {
color:#fff;
font-weight:normal;
text-decoration:none;
}
/* The Sidebar */
#sidebar {
float:left;
width:184px;
padding-top:20px;
padding-right:0px;
font-size:12px;
font-family: "Century gothic", Arial, sans-serif;
}
#sidebar h2 {
height:27px;
line-height:27px;
font-size:14px;
color:#fff;
margin:0;
background:#293527 ;
background-repeat:no-repeat;
padding:0px 0 0 10px;
}
#sidebar ul {
list-style-type: none;
margin: 0 ;
padding: 0;
}
#sidebar ul ul {
list-style-type: none;
margin: 0;
padding: 0px 0 5px 0;
}
#sidebar ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
#sidebar ul ul ul ul {
list-style-type: none;
margin: 0;
padding: 0;
border:0;
}
#sidebar li {
list-style-type: none;
margin: 0 0 15px 0;
padding: 0;
}
#sidebar li li {
list-style-type:none;
margin: 0;
padding: 3px 10px 3px 15px;
}
#sidebar li li li {
list-style-type:none;
border:0;
margin: 0;
padding: 3px 10px 3px 2px;
}
#sidebar li li li li {
list-style-type:none;
border:0;
margin: 0;
padding: 3px 10px 3px 10px;
}
#sidebar p {
padding: 7px 10px;
margin:0;
}
#sidebar a:link, #sidebar a:visited{
color:#b3b3b3;
}
#sidebar a:hover {
color:#ffffff;
}
#sidebar table {
width:100%;
text-align:center;
color:#d4d4d4;
}
/* --- FOOTER --- */
#bottombar {
width:100%;
height:auto;
margin:0 0 0 0;
padding:15px 0 0 0;
background:#fff url(images/bottom.jpg) repeat-x;
}
.bar-one {
float:left;
display:inline;
width:30%;
margin-right:30px;
font-size:12px;
font-weight:normal;
letter-spacing:1px;
}
.bar-one h2 {
width:100%;
height:20px;
margin:0px 0px 10px 10px;
padding:4px 0px 0 5px;
color:#fff;
letter-spacing:1px;
font-weight:bold;
font-size:14px;
}
#footer {
height:20px;
padding:6px 0 0 15px;
margin:20px 0 0 0;
background:#000000;
color:#999;
font-size:10px;
font-weight:normal;
letter-spacing:1px;
position:relative; /* relative */
z-index: 999;
}
#footer a {
color:#fefefe;
}
#footer a:hover {
color:#FFF;
}
/* --- FOOTER LISTS --- */
.bar-one li {
list-style:none !important;
list-style:outside;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.bar-one ul {
list-style:none;
margin:0px 0px 15px 15px;
padding:0px 0px 0px 0px;
}
.bar-one ul li {
list-style:none;
margin:5px 0px 5px 0px;
padding:0px 0px 5px 10px;
border-bottom:1px dashed #047cb7;
}
.bar-one ul li a {
color:#000;
}
.bar-one ul li a:hover {
color:#00527a;
}
/* The Navigation */
.navigation {
height:25px;
padding:0 20px;
}
.navigation a {
font-weight:bold;
text-decoration:none;
font-size:14px;
color:#9e90dc;
}
.navigation a:hover {
color:#000;
}
/* The Attachment */
.contentCenter {
text-align:center;
}
/* The Page Title */
h2.pagetitle {
padding:0;
margin:0 0 20px 0;
font-size:18px;
text-align:center;
}
/* The Comments */
.comments {
}
.comments form {
}
.comments textarea {
width:90%;
height:156px;
background:#dcdcdc;
border:1px solid #ababab;
color:#484849;
padding:10px;
overflow:auto;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#commentform {
padding-left:23px;
}
#commentform input {
background:#dcdcdc;
border:1px solid #ababab;
color:#484849;
padding-left:10px;
}
.comments input#submit {
padding:0;
width:72px;
height:29px;
}
.comments h2 {
font-size:19px;
line-height:30px;
margin:24px 0 0 23px;
padding:0;
font-weight:normal;
}
.comments ol li p {
padding:0;
margin:10px 0;
}Hat jemand eine Idee ?