Also: Bei 2 Blogeinträge alles super!
Wenn ich aber einen 3. Beitrag reinstelle rutscht mein login feld was eig rechts oben ist links unter den letzten Beitrag und beim abschließenden Bild stimmt auch was nicht.
Schaut euch mal die Zustandsbilder an, zusätzlich stelle ich meinen Stylesheet und einen html ausschnitt rein!
Im Anhang sind die Bilder:
Bild 1: Alles super, so wie es sein soll (2 Beiträge vorhanden)
Bild 2: Mist (3 Beiträge vorhanden) Login Feld ist weggerutscht
Bild 3: Dort ist es hingerutscht, es wurd zerfetzt und den abschluss mit den runden Ecken unten hats auch zerfetzt
Wie kann das sein?
Hier noch Code:
Der Stylesheet... (hoffe alles relevante ist dabei)
Code
@charset "UTF-8";
/* CSS Document */
a img {
text-decoration:none;
border-width:0px;
outline-width:0px;
}
#contentframe {
position:relative;
align:center;
margin-top:-2px;
width:783px;
height:auto;
background-image:url(contentbg.png);
}
#content {
position:relative;
width:500px;
height:auto;
float:left;
margin-left:34px;
margin-top:-30px;
text-align:left;
overflow:hidden;
}
.content {
font-size:14px;
line-height:20px;
color:#111111;
word-spacing:auto;
}
#clear {
clear:both;
}
#right {
position:relative;
display:block;
float:right;
width:220px;
height:auto;
margin-top:-14px;
margin-right:24px;
}
#login {
position:relative;
display:block;
align:right;
width: 200px;
height:140px;
background-image:url(login.png);
}
#benutzername {
position:relative;
margin-top: 46px;
margin-left: -6px;
}
#passwort {
position:relative;
margin-top: 14px;
margin-left: -6px;
}
#anmelden {
position:relative;
left:-54px;
top:14px;
height:20px;
width:67px;
}
input {
border-width: 0px;
}
#contentframebottom {
align:center;
clear:both;
position:relative;
width:783px;
height:32px;
margin-top:auto;
background-image:url(contentbottombg.png);
}Hier noch ein html ausschnit:
Code
<div id="contentframe">
<div id="content" class="content">
<!-- Hier ist der Wordpress Loop drin -->
</div>
<div id="right">
<div id="login">
<form>
<input type="text" value="Benutzername" size="20" maxlength="20" id="benutzername" onfocus="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/loginaktiv1.png)';" onblur="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/login.png)';" />
<input type="password" id="passwort" value="Passwort" size="20" maxlength="20" onfocus="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/loginaktiv2.png)';" onblur="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/login.png)';" />
<div id="anmelden" onmouseover="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/anmelden.png)';"
onmouseout="window.document.getElementById('login').style.backgroundImage='URL(http://localhost:8888/website/login.png)';" onclick="location.href='http://www.web.de'" ></div>
</form>
</div>
</div>
<div id="clear"></div>
</div>
<div id="contentframebottom"></div>Hoffe jemand kann mir helfen DANKE!
Moritz