CSS und MAC IE 5.2

[Adrian]

Hi zusammen,
ich habe erhebliche Probleme mit MAC IE 5.2 und meiner CSS/Site... wer hätts gedacht, mit Safari, Firefox etc. gehts.

hier ein Auszug:

<div id="topContainer">
    <div id="topLogo"><a href="#"><img src="images/logo.gif" alt="" /></a></div>
    <div id="topAdv"><a href="http://www.ebay.de" target="_blank"><img src="images/adv_1.gif" alt="eBay" /></a></div>
    <div id="topLogin">
        <form name="frmLogin" action="" method="POST">
            <input type="text" class="txtKundennummer" name="logName" value="Kundennummer" /><br />
            Kundennummer<br />
            <input type="password" name="logName" class="txtGeheimzahl" value="Geheimzahl" /><input type="image" name="btnLogin" id="btnSubmit" src="images/login_submit.gif" alt="login" /><br />
            Geheimzahl&nbsp;&nbsp;<a href="#">SSL</a>&nbsp;&nbsp;<a href="#">Hilfe</a>
        </form>
    </div>

CSS (Auszug):
div {
    float: left;
    margin: 0px;
    padding: 0px;
}
#topContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 110px;
    background: #750000 url(images/site_bg.gif) repeat-y top left;
}
#topLogo {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 145px;
    height: 60px;
}

#topAdv {
    position: absolute;
    top: 10px;
    left: 155px;
    width: 480px;
    height: 60px;
}

#topLogin {
    position: absolute;
    top: 10px;
    left: 635px;
    width: 115px;
    height: 60px;
    color: #DCBFBF;
    font-size: 10px;
    font-family: Arial, Verdana, System;
}

#topLogin input {
    background-color: #FFFAE5;
    height: 15px;
    font-size: 10px;
    font-family: Arial, Verdana, System;
    padding: 0px;
    margin: 0px;
    vertical-align: center;
}

#topLogin input.txtKundennummer {
    width: 105px;
}

#topLogin input.txtGeheimzahl {
    width: 80px;
    margin-right: 5px;
}

#topLogin a {
    color: #DCBFBF;
    font-size: 10px;
    font-family: Arial, Verdana, System;
    text-decoration: underline;
}

Das Ergebnis sieht ordentlich aus, bis auf IE 5.2 (MAC)... vom Wörtchen "Kundennummer" an wird das restliche Formular komplett unter dem DIV angezeigt.

Mir ist bekannt dass IE 5.2. ein eigenleben was Codeinterpretation hat, kann mir evtl. trotzdem jemand klipp und klar sagen, was ich tun muss, damit auch Microbensoft ein Hauch von Realität anzeigt.

Ich danke euch
Bis dann
Adrian

[Ingo Turski]

Hi,

verzichte auf die absolute Positionierung und vermische diese auch nicht mit float.

freundliche Grüße
Ingo

[Adrian]

hab ich... bringt leider keine lösung...
Das Textfeld "txtKundennummer" ist noch im DIV... der Rest wird drunter dargestellt...
versteh nicht wieso

[Ingo Turski]

Hi,

Das Textfeld "txtKundennummer" ist noch im DIV... der Rest wird drunter dargestellt...

definiere "darunter". <br /><br /> sollte das ja wohl verursachen.
Wenn Du damit Außerhalb der Box meinst, dann befinden sich immer noch nicht alle betroffenen Elemente im Fluß.

freundliche Grüße
Ingo

[Adrian]

leider nicht...
selbst wenn ich alle BRs entferne wird das erste Element in der Form dargestellt, dann einen großen Abstand und dann das zweite Element... obwohl keine paddings und margins vorhanden sind...

selbst wenn ich diese auf 0px setze, ändert sich nix.