Hallo Zusammen,
ich habe das Problem, dass bei einer absoluten Positionierung im FF ein DIV an einer anderen (richtigen) Stelle angezeigt wird als im FF.
Nutze IE 8 und Firefox 3.1.6.
Hier mal der Code, um es lokal zu testen braucht ihr nur das Bild anpassen.
Code: [Auswählen]
<html>
<head>
<title>Login Test</title>
<style type="text/css">
<!--
* { margin: 0;
padding: 0;}
/* Höhen- und Breitenanpassung zu 100%; Scrollbar ausblenden */
body, html{
width: 100%;
margin:0;
padding:0;
height: 100%;
overflow: hidden;
background-color: #ADBDDE;
text-align: center;
}
#bgContainer{
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
border: 0;
text-align: center;
}
#aussen{
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
text-align: center;
position: relative;
float:left;
}
#bild{
display: inline-block;
position: relative;
}
#innen{
position: absolute;
bottom: 200px;
left: 100px;
width: 220px;
height: 100px;
background-color: #336699;
padding-left: 5px;
text-align: left;
border-color: purple;
border-style: solid;
border-width: 3px 3px 3px 3px;
clear: both;
}
.label{
font-family: tahoma;
font-size: 10pt;
}
-->
</style>
</head>
<body>
<form name="loginForm" method="post">
<div id="bgContainer">
<div id="aussen">
<div id="bild">
<img src="cvcentral/images/login_background_800x748.png" alt="Login" border="0"/>
<div id="innen">
<span class="label">User:<br>
<input type="text" name="user" size="30" />
</span>
<span class="label">Password:<br>
<input type="password" name="pass" size="30"/>
</span>
<input type="button" name="enter" value="Login" class="button" onClick="mxSubmit()"/>
</div>
</div>
</div>
<div style="clear: both;"/>
</div>
</body>
</html>
Kann mir evtl. hier jemand weiter helfen?
Grüße,
CVMA77
