[HTML/CSS]IE juiste weergave firefox niet - Softwareontwikkeling

woensdag 4 oktober 2006 09:27

Acties:

Verwijderd

Topicstarter

Halo,

Ik ben begonnen met een design wat blijkt nu.
in internet explorer geeft hij mijn login divke juist weer en in firefox zet hij deze gewoon langs de kant onder mijn andere div?

mijn HTML

code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>IDEC Website</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="idec.css" rel="stylesheet" type="text/css" />
<link href="menu.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor='#0303b5'>
<table align="center">
<div class="container">
    <div class="banner">
        <div class="loginContainer">
            <form name="Login" action="#" method="post" class="loginForm">
                Login: <br />
                <input type="text" name="login" maxlength="30" class="loginTextBox"/> <br />
                Password: <br />
                <input type="password" name="password" maxlength="20" class="loginTextBox"/> <br />
                <input type="submit" value="Login" class="loginSubmit" />
            </form>
        </div>
        <div class="menucontainer">
            <a href="#" class="buttontext" ><div class="about" onMouseDown="this.className='aboutPress'" onMouseUp="this.className='about'">About US</div>
            </a>
        </div>
    </div>

    <div class="content">
        <h1> About</h1>
    </div>
</div>
</table>
</body>
</html>

Hier geeft hij die div van logincontainer slecht weer.

Hier de CSS

code:

.container{
    width:700px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}

.banner{
    width:700px;
    height:159px;
    background-image:url(images/banner.gif);
    }
    
.menucontainer{
    width:700px;
    max-height:25px;
    position:relative;
    top:0px;
}
    
.content{
    background-image:url(images/Content.gif);
    width:700px;
    min-height:20px;
    height:auto;
}

.loginContainer{
    background-color:transparant;
    width:100px;
    min-height:20px;
    position:relative;
    top:15px;
    left:550px;
    color:#FFFFFF;
}

form.loginForm{
    position:relative;
    top:15px;
    left:550px;
    width:100px;
    position:static;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}

.loginTextBox{
    width:80px; 
    height:20px;
    font-size:10px;
    margin-left:10px;
}

.loginSubmit{
    width:45px;
    margin-left:45px;
}

Alvast bedankt.

woensdag 4 oktober 2006 09:28

Acties:

André

Analytics dude

En waar denk je dat het aan ligt? Moeten wij nu voor jou de code gaan fixen?

woensdag 4 oktober 2006 09:33

Acties:

Verwijderd

Topicstarter

Ik weet gewoon niet waar het aan ligt.

hij geeft gewoon mijn form in de div van mijn login niet goed weer.

in IE geeft hij het perfect weer en in firefox niet wat ik bijzonder raar vind en ik krijg het echt niet veranderd:s

ik geef code zodat het mss makkelijker mijn fout te zeggen is
je moet zelf geen code terug geven gewoon en tio waarmee ik dan verder kan

woensdag 4 oktober 2006 09:51

Acties: