[CSS] IE houdt zich niet aan margin-right

[RHE123]

IE houdt zich niet aan de margin-right die ik aan een div heb meegegeven. De bedoeling is dus dat een divje van 20px van links naar 20px van rechts loopt. IE kapt het divje echter direct af na de inhoud, dus de div is veel te smal! FF doet dit alles wel goed! Het gaat dus om de header en de footer div's.

Een stukje html:

HTML:

<div id="login_header">
    [img]"images/logo.gif"[/img]
    <h1>Baarnsch Lyceum Internet Opslag Systeem (BLIOS)</h1>
</div>
<div id="login_info">
    <div id="login_login">
    <h2>Aanmelden bij BLIOS</h2>
        <form action="BLIOS.php?task=login" method="POST">

        <table>
            <tr>
                <th><label for="username">Gebruikersnaam:</label></th>
                <td><input type="text" name="username" id="username"></td>
            </tr>
            <tr>
                <th><label for="pass">Wachtwoord:</label></th>
                <td><input type="password" name="pass" id="pass"></td>

            </tr>
            <tr>
                <td>&nbsp;</td>
                <td><input type="submit" name="submit" value="Aanmelden"></td>
            </tr>
        </table>
    </form>
            </div>
    <div id="login_links">

        <ul>
            <li><a href="#">Meer over BLIOS</a></li>
            <li><a href="http://www.baarnschlyceum.nl/">Leerlingenwebsite</a></li>
            <li><a href="http://www.hetbaarnschlyceum.nl/">Schoolsite</a></li>
        </ul>
    </div>
</div>
<div id="login_uitleg">
Lange tekst
</div>

<div id="login_footer">
&copy;2004-2005 RHE - <a href="#">Gebruiksvoorwaarden</a>
</div>

Cascading Stylesheet:

html,body
{
  height:100%;
  margin:0;
  width: 100%;
}
/*LOGIN*/
#login_header {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;
    height: 50px;
}
#login_header img {
    float: left;
}
#login_header h1 {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
#login_login {
    height: 150px;
    margin-right: 20px;
    margin-top: 80px;
    padding: 5px;
}
#login_login h2 {
    text-align: center;
}
#login_login table {
    padding-left: 20px;
}
#login_login th {
    text-align: right;
}
#login_login td {
    text-align: left;
}
#login_links {
    height: 150px;
    margin-top: 20px;
    margin-right: 20px;
    padding: 5px;
}
#login_info {
    float: right;
    width: 300px;
}
#login_uitleg {
    position: absolute;
    right: 320px;
    top: 80px;
    left: 20px;
    height: 370px;
    padding: 5px;
    overflow: auto;
}
#login_footer {
    position: absolute;
    top: 480px;
    left: 20px;
    right: 20px;
    height: 20px;
    text-align: center;
}
/*EIND LOGIN*/

[ Voor 19% gewijzigd door RHE123 op 25-06-2005 16:36 ]

[crisp]

Welke div bedoel je precies?
Probeer sowieso absolute positioning zo veel mogelijk te vermijden als het niet nodig is.

[RHE123]

Oeps, helemaal vergeten , het gaat om de header en de footer div's.

Hoe is dit eigenlijk het netst te doen? (zonder absolute positionering dus)

[ Voor 48% gewijzigd door RHE123 op 25-06-2005 16:38 ]

[crisp]

ik denk dat dit al in de richting komt:

Cascading Stylesheet:

html,body
{
  height:100%;
  margin:0;
  width: 100%;
}
/*LOGIN*/
#login_header {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 20px;
    height: 50px;
}
#login_header img {
    float: left;
}
#login_header h1 {
    margin-left: 10px;
    margin-top: 10px;
}
#login_login {
    height: 150px;
    margin-right: 20px;
    margin-top: 20px;
    padding: 5px;
}
#login_login h2 {
    text-align: center;
}
#login_login table {
    padding-left: 20px;
}
#login_login th {
    text-align: right;
}
#login_login td {
    text-align: left;
}
#login_links {
    height: 150px;
    margin-top: 20px;
    margin-right: 20px;
    padding: 5px;
}
#login_info {
    float: right;
    width: 320px;
}
#login_uitleg {
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 320px;
    height: 370px;
    padding: 5px;
    overflow: auto;
}
#login_footer {
    clear:both;
    margin-left: 20px;
    margin-right: 20px;
    height: 20px;
    text-align: center;
}
/*EIND LOGIN*/

[RHE123]

THNX

Het werkt zo helemaal goed! Er zaten nog twee verspringingen in, maar dat waren gewoon een paar margins met verkeerde waardes, voor de rest klopte het helemaal! Hartstikke bedankt!