Bild überlappt Beitrags-Footer

Hallo miteinander,

habe folgendes Problem mit dem neuen Design meiner Seite:

Und zwar überlappt ein Bild, wenn es groß genug ist, die Beitrags-Fußzeile. Da steht dann z. B. das "Geschrieben von..." rechts neben dem Bild - obwohl es unter dem Beitrag stehen soll.

Ihr könnt Euch das mal anschauen unter MadS’ Weblog » …neues Design wird bearbeitet… (dort z. B. erster Beitrag oben ("sport1.de") und vierter Beitrag "Katzentest"...

Wer kann helfen?

Theme ist das "HighFlight" von BlogPimp.de

Nachstehend meine style.css

Besten Dank schon mal!

Zitat

/*
THEME NAME: BlogPimp HighFlight
THEME URI: Was mit WordPress so alles geht … » BlogPimp
DESCRIPTION: Das BlogPimp.de-Theme HighFlight. Basiert auf <a href="http://plaintxt.org/">Sandbox</a>
VERSION: 1.0
AUTHOR: Lothar Baier
AUTHOR URI: Was mit WordPress so alles geht … » BlogPimp
*/

/* For Link Indication plugin */
a.liexternal { padding-right: 12px; background: url(images/link-icon_external_10.png) no-repeat right; }
a.liwikipedia { padding-right: 14px; background: url(images/link-icon_wikipedia_02.gif) no-repeat right; }
a.liimdb { padding-right: 18px; background: url(images/link-icon_imdb.png) no-repeat right; }
a.liftp { padding-right: 13px; background: url(images/link-icon_ftp.png) no-repeat right; }
a.limailto { padding-right: 18px; background: url(images/link-icon_mail_01.png) no-repeat right; }
a.lipdf { padding-right: 12px; background: url(images/link-icon_pdf_01.png) no-repeat right; }

/* ####################### Voreinstellungen #################### */
html {
height : 100.01%;
margin : 0;
padding : 0;
}

* {
margin : 0;
padding : 0;
border : none;
}

body {
text-align : center;
height : 100.01%;
font : normal 100.01%/1.5 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
background : #000000;
color : #F8722A;
}

p {
margin : 10px 0 0 20px;
}

hr {
clear:both;
}

h1, h2, h3, h4, h5, h6 {
margin : 10px 0 0 20px;
font : normal 2.0em/1.5 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
margin : 0 0 0 17px;
font-size : 1.7em;
}

h3 {
margin : 0 0 0 0;
font-size : 1.5em;
}

h4 {
font-weight : bold;
letter-spacing: 0.2em;
margin : 0 0 0 0px;
font-size : 1.3em;
}

h5 {
margin : 0 0 0 20px;
font-size : 1.2em;
}

h6 {
margin : 0 0 0 20px;
font-size : 1.1em;
}

h7 {
text-align : left;
color : #FFFFFF;
padding : 0px 5px 0px 5px;
background : #80D3FF;
border : 1px #2580B2;
font-size : 1.4em;
}

h8 {
color : #FFFFFF;
margin : 0 0 0 20px;
border : 1px #2580B2;
background : #A4DCF7;
font-size : 1.4em;
}

a {
color : #0066ff;
text-decoration : none;
padding : 1px 2px 2px;
}

a:hover {
color : #A4DF22;
background : #2B82FE;
}

/* ####################### Seitenaufbau #################### */
div#wrapper {
width : 960px;
text-align : left;
font-size : 0.835em;
margin : 0 auto;
background : #E3F8FC;
}

div#header {
width : 960px;
height : 330px;
background : #fff url(images/kopfbild.jpg) top right no-repeat;
}

div#container {
float : left;
width : 520px;
margin-right : 20px;
}

div#primary {
width : 190px;
float : left;
padding : 1px 0 0 20px;
background-color:#A4DCF7;
}

div#secondary {
width : 190px;
float : left;
padding : 1px 0 0 20px;
background-color:#A4DCF7;

}

div#footer {
clear : left;
width : 100%;
text-align : center;
}

div#access {
position : relative;
}

div.skip-link {
position : absolute;
top : 0px;
left : 0px;
text-align : left;
text-indent : -999em;
}

/* ####################### Kopf-Menü ########################### */
#menu ul {
list-style : none;
background : #05b;
padding : 10px 0 2px 20px;
display : none;
}

#menu ul li {
display : inline;
margin-right : 5px;
}

#menu ul li a {
background : #fff;
color : #c30;
font-size : 1.0em;
line-height : 1.4;
padding : 3px 8px 4px;
border : 1px solid #ccc;
}

#menu ul li.current_page_item a,
#menu ul li a:hover {
background : #ddd;
color : #000;
}

Alles anzeigen

FORTSETZUNG...

...FORTSETZUNG...

Zitat

/* ####################### Haupt-Inhalt ####################### */
.navigation {
background : #e8f8ff;
margin : 22px 0 20px 20px;
padding : 1px 3px 2px;
height : 1.5em;
border: 3px solid #e0e0d0;
}

.nav-previous {
float : left;
text-align : left;
}

.nav-next {
float : right;
text-align : right;
}

.post blockquote {
text-align : center;
color : #2580B2;
margin : 10px 20px 0px 30px;
background : #FEE6BD;
border : 1px solid #2580B2;
padding : 3px 5px;
font-size : 0.7em;
}

.post ol,
.post ul {
margin : 10px 0 0 55px;
}

.post ul {
list-style-image : url(images/listenpunkt.gif);
}

.entry-date {
font-size : 0.835em;
margin : 3px 0 10px 20px;
border-top : 1px solid #cdf;
}

.entry-meta {
font-size : 0.835em;
border-top : 5px solid #cdf;
border-bottom : 5px solid #cdf;
margin : 3px 0 30px 20px;
padding : 1px 0 2px;
}

.post img {
border : 1px solid #cdf;
margin : 6px 10px 1px 0;
float : left;
}

.post table {
margin : 13px 0 0 20px;
border-top : 1px solid #cdf;
border-left : 1px solid #cdf;
border-collapse : collapse;
}

.post th,
.post td {
border-right : 1px solid #cdf;
border-bottom : 1px solid #cdf;
padding : 1px 5px 3px;
}

.post h3 {
margin : 20px 0 0 20px;
}

#container input,
#container textarea {
width : 250px;
font : normal 1.0em/1.4 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
padding : 1px 3px 2px;
border-top : 1px solid #cdf;
border-left : 1px solid #cdf;
border-right : 1px solid #cdf;
border-bottom : 1px solid #cdf;
background : #fff;
color : #000;
}

#container textarea {
width : 300px;
}

#container input#submit {
width : auto;
margin : 10px 0 20px;
border-top : 1px solid #cdf;
border-left : 1px solid #cdf;
border-right : 1px solid #cdf;
border-bottom : 1px solid #cdf;
color : #07f;
background : #e8f8ff;
}

#container input:hover#submit {
cursor : pointer;
color : #000;
background : #d8e8ef;
}

.formcontainer .form-label {
margin-top : 10px;
}

.contactform {
margin : 0 0 10px 20px;
}

.contactform input,
.contactform textarea {
width : 250px;
font : normal 1.0em/1.4 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
padding : 1px 3px 2px;
border : 1px inset #cdf;
margin-bottom : 10px;
}

.contactform textarea {
width : 300px;
}

.contactform input#contactsubmit {
width : auto;
margin : 10px 0 20px;
border : 1px outset #cdf;
color : #07f;
background : #e8f8ff;
}

.contactform input:hover#contactsubmit {
cursor : pointer;
color : #000;
background : #d8e8ef;
}

/* ################# Kommentare ################# */
#comments h3 {
margin : 20px 0 10px 20px;
}

#comments ol {
margin : 10px 0 20px 50px;
font-size : 1.2em;
}

#comments .comment-author {
font-size : 1.1em;
margin-left : 5px;
}

#comments .comment-meta {
font-size : 0.735em;
margin-left : 5px;
}

#comments p {
font-size : 0.835em;
margin : 0;
padding : 5px;
}

#comments ol li {
margin : 0 0 10px;
background : #e8f8ff;
border : 1px solid #cdf;
}

#comments .alt {
background : #f0f8ff;
}

#comments form {
margin-left : 20px;
}

p#comment-notes,
#comments p#login {
font-size : 1.0em;
}

/* ################# Sidebar ################# */
.sidebar ul {
list-style : none;
}

.sidebar h3 {
padding-bottom : 6px;
}

.sidebar ul ul {
border-top : 1px solid #cdf;
margin-bottom : 20px;
}

.sidebar ul ul li {
border-bottom : 1px solid #cdf;
}

.sidebar ul ul li a {
display : block;
padding : 1px 3px 2px;
}

.sidebar li.current-cat a,
.sidebar ul ul li a:hover {
color : #000;
background : #e0f0f8;
}

.sidebar li.current_theme {
padding : 1px 3px 2px;
color : #000;
background : #e0f0f8;
}

.sidebar input#s {
width : 135px;
background : #fff;
color : #000;
font : normal 1.0em/1.4 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
padding : 1px 3px 2px;
border-top : 1px solid #cdf;
border-left : 1px solid #cdf;
border-right : 1px solid #cdf;
border-bottom : 1px solid #cdf;
}

.sidebar input#searchsubmit {
font : normal 1.0em/1.5 "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
width : auto;
margin : 0;
border-top : 1px solid #cdf;
border-left : 1px solid #cdf;
border-right : 1px solid #cdf;
border-bottom : 1px solid #cdf;
color : #07f;
background : #e8f8ff;
padding : 0px 2px 1px;
}

.sidebar input:hover#searchsubmit {
cursor : pointer;
color : #000;
background : #d8e8ef;
}

.sidebar caption {
font-size : 1.0em;
background : #e8f8ff;
padding : 0px 3px 2px;
border : 1px solid #cdf;
}

.sidebar #calendar table {
margin : 13px 0 0;
border-top : 1px solid #cdf;
border-left : 1px solid #cdf;
border-collapse : collapse;
}

.sidebar #calendar th,
.sidebar #calendar td {
border-right : 1px solid #cdf;
border-bottom : 1px solid #cdf;
padding : 1px 1px 1px;
text-align : center;
width : 14%;
}

.sidebar #calendar td a {
display : block;
color : #07f;
background : #e8f8ff;
}

.sidebar #calendar td a:hover {
color : #000;
background : #d8e8ef;
}

.sidebar #calendar th {
font-weight : bold;
font-size : 1.1em;
}

/* ################# Seitenfuss ################# */
#footer {
font-size : 0.835em;
border-top : 1px solid #cdf;
padding : 0;
background : #fff url(images/fussbild.jpg) top right no-repeat;
height : 70px;
}

.pagebar
{
text-align : center;
font: 11px Arial, Helvetica, sans-serif;
padding-top: 20px;
padding-bottom: 10px;
margin: 0px;
}

.pagebar a, .pageList .this-page
{
padding: 2px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}

.pagebar a:visited
{
padding: 2px 6px;
border: solid 1px #ddd;
background: #fff;
text-decoration: none;
}

.pagebar .break
{
padding: 2px 6px;
border: none;
background: #fff;
text-decoration: none;
}

.pagebar .this-page
{
padding: 2px 6px;
border-color: #999;
font-weight: bold;
font-size: 13px;
vertical-align: top;
background: #fff;
}

.pagebar a:hover
{
color: #fff;
background: #0063DC;
border-color: #036;
text-decoration: none;
}

Alles anzeigen

Zitat von marX

Suche

}
[/code]Und füge diese Zeile hinzu:

Code

clear:both;

HEY, SUUUUUUUPER!!!!

Vielen Dank für die sauschnelle Hilfe. Wenn man gewusst hätte, wonach man
suchen müsste, hätte man es sicher auch im Forum finden können :mrgreen:

Also besten Dank nochmals!

Maddin