Snel hulp nodig!

Heey,

Ik loop een beetje vast met me site.
In IE werkt mijn site perfect, maar in Firefox wordt het rechter vak in de container gewoon
niet weergegeven.

Dit is de voorlopige URL van de site: http://www.oefenen.prutz0r.nl

Wie weet waar het aan ligt?

Dit zijn de codes:

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl">
<head>
    <title>Klikfestijn</title>
    <link rel="stylesheet" type="text/css" href="opmaak.css" />

    <style type="text/css">
    #dhtmltooltip {
        position: absolute;
        width: 150px;
        border: 1px solid #223034;
        padding: 1px 1px 1px 3px;
        font-family: Verdana;
        font-size: 12px;
        background-color: transpa;
        visibility: hidden;
        z-index: 100;
        color: #000000;
}
    </style>

</head>
<body>
    <div id="dhtmltooltip"></div>

    <script type="text/javascript">
    
    /***********************************************
    * Cool DHTML tooltip script-  Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/
    
    var offsetxpoint=-60 //Customize x offset of tooltip
    var offsetypoint=20 //Customize y offset of tooltip
    var ie=document.all
    var ns6=document.getElementById && !document.all
    var enabletip=false
    if (ie||ns6)
    var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
    
    function ietruebody(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }
    
    function ddrivetip(thetext, thecolor, thewidth){
    if (ns6||ie){
    if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
    if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
    tipobj.innerHTML=thetext
    enabletip=true
    return false
    }
    }
    
    function positiontip(e){
    if (enabletip){
    var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
    var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
    //Find out how close the mouse is to the corner of the window
    var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
    var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20
    
    var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000
    
    //if the horizontal distance isnt enough to accomodate the width of the context menu
    if (rightedge<tipobj.offsetWidth)
    //move the horizontal position of the menu to the left by its width
    tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
    else if (curX<leftedge)
    tipobj.style.left="5px"
    else
    //position the horizontal position of the menu where the mouse is positioned
    tipobj.style.left=curX+offsetxpoint+"px"
    
    //same concept with the vertical position
    if (bottomedge<tipobj.offsetHeight)
    tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
    else
    tipobj.style.top=curY+offsetypoint+"px"
    tipobj.style.visibility="visible"
    }
    }
    
    function hideddrivetip(){
    if (ns6||ie){
    enabletip=false
    tipobj.style.visibility="hidden"
    tipobj.style.left="-1000px"
    tipobj.style.backgroundColor=
    tipobj.style.width=
    }
    }
    
    document.onmousemove=positiontip

    </script>

    <div class="logo">
    </div>

    <div id="menu_glow">
    <ul id="menu"> 
        <li><a href="index.php">Home</a></li> 
        <li><a href="register.php">Registreren</a></li> 
        <li><a href="login.php">Inloggen</a></li> 
        <li><a href="adverteren.php">Adverteren</a></li> 
        <li><a href="support.php">Support</a></li> 
        <li><a href="contact.php">Contact</a></li> 
    </ul>
    </div>

    <div id="content_glow">
        <div id="content">

        <div id="container">
        
        <div id="intro_glow">
            <div id="lcontainer">
                <h3>Introductie</h3>

                Je hebt een professionele en mooie site, maar je mist wat, de bezoekers? Geen probleem! Hier kun je je aanmelden en kan je door middel van links en banners jouw site naar de top brengen! <br/><br/>
                Waar wacht je nog op? Meld je <a href="register.php">hier</a> aan! 

            </div>
        </div>

                <img src="images/tussenstreep.png"/>

        <div id="login_glow">
            <div id="rcontainer">
                <h3>Inloggen</h3>

            <form method="POST" action="login_check.php">
                <label for="user">Gebruikersnaam</label><br/>
                <input type="text" name="user" maxlength="20"/><a onMouseover="ddrivetip(De gebruikersnaam moet kloppen.,#2a85a3, 300)" onMouseout="hideddrivetip()"><img class="bijlage" src="images/bijlage.png"/></a><br/>
                <label for="pass">Wachtwoord</label><br/>
                <input class="pass" type="password" name="pass" maxlength="15"/><a onMouseover="ddrivetip(Het wachtwoord moet kloppen.,#2a85a3, 300)" onMouseout="hideddrivetip()"><img class="bijlage" src="images/bijlage.png"/></a><br/>
                    <sub><a href="lost_pass.php">Wachtwoord kwijt?</a></sub><br/><br/>
                <input class="submit" type="submit" name="submit" value="Inloggen">
            </form>

        <img class="globe_icon" src="images/globe_icon.png"/>

            </div>
        </div>

            <img class="button" src="images/signup_button.png"/>
        
        </div>

        </div>
    </div>

        [COLOR= #0000BB]<?php[/COLOR]
        [URL="http://www.php.net/exit"]exit[/URL][COLOR= #007700]();[/COLOR]
        ?>
</body>
</html>

opmaak.css

html {
    margin: 0px;
    padding: 0px;
    background-color: #BBBBBB;
}

body {
    width: 777px;
    border: none;
    margin: 0px auto
}

sub {
    margin: 0px;
    position: relative;
    bottom: 3px;
    left: 50px;
}

img {
    border: none;
    margin: 0px;
    margin-left: 15px;
    margin-right: 15px;
}

input {
    height: 18px;
    width: 140px;
    background-color: #4B6168;
    font-weight: normal;
    font-family: Verdana;
    border: 1px solid #80C2D8;
    margin-top: 1px;
    margin-bottom: 5px;
}

.globe_icon {
    float: right;
    position: relative;
    right: 10px;
    bottom: 20px;
}

.bijlage {
    position: relative;
    right: 10px;
    top: 4px;
}

.pass {
    margin-bottom: 0px;
}

.submit {
    width: 100px;
    height: 22px;
    font-size: 12px;
    font-weight: bold;
    font-family: Verdana;
    margin-top: 0px;
}

.logo {
    background-image: url(images/logo.png);
    height: 109px;
    width: 300px;
    float: left;
    margin: 0px;
    margin-top: 15px;
}

.button {
    width: 351px;
    height: 64px;
    float: right;
    margin: 0px;
}

ul#menu {
    background-color: #354A51;
    height: 25px;
    width: 447px;
    text-align: center;
    padding: 0px;
    margin: 0px;
    margin-top: 3px;
    margin-right: 3px;
    float: right;
    border: 1px solid #000000;
    border-right: none;
    list-style: none;
}

ul#menu li {
    float: left;
    height: 25px;
    border-right: 1px solid #000000;
}

ul#menu li a {
    height: 20px;
    color: #FFFFFF;
    padding: 5px 8px 0px 8px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    overflow: hidden;
}

div#menu_glow {
    background-image: url(images/menu_glow.png);
    width: 454px;
    height: 33px;
    margin-top: 90px;
    float: right;
}

div#content {
    background-color: #354A51;
    height: 514px;
    width: 769px;
    float: right;
    margin-top: 3px;
    margin-right: 3px;
    border: 1px solid #000000;
}

div#content_glow {
    background-image: url(images/content_glow.png);
    width: 777px;
    height: 522px;
    float: right;
    margin-top: 10px;
}

div#container {
    height: 476px;
    width: 739px;
    margin: 15px 15px 15px 15px;
    overflow: hidden;
}

div#lcontainer {
    background-color: #2A85A3;
    border: 2px solid #80C2D8;
    height: 446px;
    width: 321px;
    font-family: Verdana; 
    font-size: 13px; 
    color: #000000;
    float: left;
    margin: 0px;
    margin-top: 3px;
    margin-left: 3px;
    padding: 10px 10px 10px 10px;
}

div#lcontainer h3 {
    font-family: Verdana;
    font-size: 20px;
    color: #000000;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000000;
}

div#lcontainer a {
    color: #000000;
    font-weight: bold;
    text-decoration: none;
}

div#lcontainer a:hover {
    color: #000000;
    font-weight: bold;
    text-decoration: underline;
}

div#intro_glow {
    background-image: url(images/intro_glow.png);
    width: 351px;
    height: 476px;
    float: left;
}

div#rcontainer {
    background-color: #2A85A3;
    border: 2px solid #80C2D8;
    height: 302px;
    width: 321px;
    font-family: Verdana; 
    font-size: 13px; 
    color: #000000;
    float: right;
    margin: 0px;
    margin-top: 3px;
    margin-right: 3px;
    padding: 10px 10px 10px 10px;
}

div#rcontainer h3 {
    font-family: Verdana;
    font-size: 20px;
    color: #000000;
    font-weight: normal;
    margin: 0px;
    margin-bottom: 10px;
    border-bottom: 1px solid #000000;
}

div#rcontainer a {
    color: #FFFFFF;
    text-decoration: none;
}

div#rcontainer a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

div#login_glow {
    background-image: url(images/login_glow.png);
    width: 351px;
    height: 332px;
    float: right;
}

Alvast bedankt,

Ruben

Voortaan slicen (of basen, hoe je het wilt noemen) eerst in Firefox doen en daarna controle doen in Internet explorer.

als je float gebruikt dan moet je na je laatste float
ff deze code neerzetten:

Marjolein schreef:

als je float gebruikt dan moet je na je laatste float

ff deze code neerzetten:
Doet het alsnog niet...

Zet is in de container-style: overflow: hidden;

Dit staat er toch al?

Content bedoelde ik

Doet het niet

verander in #rcontainer de float: right eens in float: left.

Nope, nog steeds niet, ik snap ook niet..

opnieuw laten basen dan, en dit keer door iemand die er verstand van heeft

Misschien kan Eleky het doen?

Maar ik wil er niet teveel punten aan uitbesteden.
Dus weet misschien iemand anders wat ik hier aan kan doen?

Eleky doet het wel voor een goed prijsje volgensmij.

ik kan het wel her-basen!
Voor 0.5 punt?!