div im IE

Status
Nicht offen für weitere Antworten.

ICPUI

Mitglied
Hallo zusammen

Ich bin gerade dabei, von Tabellen komplett auf CSS umzusteigen. Beim Firefox funktioniert mein Code auch ohne Probleme, aber im IE wird der irgendwie fehlerhaft dargestellt und ich weiss nicht warum. Die Schrift ist an der komplett falschen Position. Kann mir da vielleicht wer helfen?

URL: http://svme.antenen.net/

Vielen Dank
ICPUI
 
Hi,

schau dir mal diese Variante in den beiden Browsern an:

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="pragma" content="cache">
<meta name="robots" content="INDEX,FOLLOW">
<meta http-equiv="content-language" content="de">
<meta name="copyright" content="Sascha Antenen">
<meta http-equiv="reply-to" content="info@antenen.net">
<title>SVME - Anmeldung für</title>
<link rel="shortcut icon" href="http://www.tutorials.de/forum/images/favicon.ico" >

<style type="text/css">
body {
        font-family:Verdana, Helvetica, Arial, Sans-Serif;
        font-size: 10pt;
        background-color: #bad5f0;

}
.content_main {
        padding:4px 10px 10px 10px;
        border: 1px;
        background-image:url(h1bg.jpg);
        background-repeat:repeat-x;
        border-left: #5e8bb7 1px solid;
        border-right: #5e8bb7 1px solid;
        border-bottom: #5e8bb7 1px outset;
        width: 60%;
        margin: 0px auto;
        background-color: #ffffff;

}
.title {
        font-weight: bold;
        font-size: 12pt;
        padding:1px 0px 0px 5px;
}
.wrapper {
        margin-top:25px;
        border:1px solid #fff;
}
.element_titel {
        margin: 12px 0px 0px 20px !important;
        margin: 12px 0px 0px 10px;
        font-weight: bold;
        float:left;
        clear:left;
}
.element_input {
        margin: 12px 0px 0px 150px;
}
input, select, textarea
{
        font-family:Verdana, Helvetica, Arial, Sans-Serif;
        color: #000000;
        border-color: #CFCFCF;
        border-width: 1px;
        border-style: solid;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
</style>
<script language="javascript" type="text/javascript" src="includes/scripts/pns.js"></script>
</head>
<body>
<br /><br />
<div class="content_main">

        <div class="title">Anmeldung</div>

        <div class="wrapper clearfix">
             <div class="element_titel">Titel</div><div class="element_input"><input type="text" size="40" name="titel" /></div>

             <div class="element_titel">Name</div><div class="element_input"><input type="text" size="40" name="name" /></div>

             <div class="element_titel">Email</div><div class="element_input"><input type="text" size="40" name="email" /></div>

             <div class="element_titel">Text</div><div class="element_input"><textarea name="text" cols="40" rows="10"></textarea></div>

             <div class="element_input"><input type="submit" value="Anmeldung abschicken" name="submit"></div>
        </div><!-- // wrapper -->

</div>

</body>
</html>
 
Status
Nicht offen für weitere Antworten.
Zurück