Ik heb een probleem met een DIV die in Internet explorer 6 niet weer gegeven wordt.
Dit heb ik al vaker gehad, en ik weet echt niet waar dit aan ligt.
Een andere div wordt wel weer gegeven, maar staat naar links verschoven.
Dit probleem heb ik alleen in IE6. Zover ik kan zien werken alle andere browsers perfect.

Voor de duidelijkheid, ik werk met HTML, PHP en een externe CSS file...

Wie heeft dit ook wel eens gehad en/of weet de oplossing hiervoor??


Verplaatst naar webdesign.

SanThe.
mogen wij ook even de pagina's zien waar het om gaat zoals de html de php en de stylesheet
Een voorbeeldje zou fijn zijn, inderdaad.
ik heb browsershots laten maken op browsershots.com
dan kunnen jullie t verschil zien:

http://browsershots.org/http://esquis.nl/Esquis/index.php?con=myesquis&end=php

IE6 geeft dus geen DIV weer...

De desbetreffende DIV:


<div id="content">
<div id="loginbg">

<!--FORMULIER OM IN TE LOGGEN-->
            
            <form id="login" action="" method="post">
            
            <?php 
                    include("db_connect.php");
                    $SQL="SELECT * FROM settings WHERE setting = 'myesquis_inlogtext'";
                    $query=mysql_query($SQL);
                    while($text=mysql_fetch_array($query)){
                    echo nl2br($text['variable']); };
            ?>
            
                <table width="200" border="0">
                  <tr>
                    <td><div align="right">Gebruikersnaam</div></td>
                    <td><input type="text" name="username" id="textfield2" /></td>
                  </tr>
                  <tr>
                    <td><div align="right">Wachtwoord</div></td>
                    <td><input type="password" name="password" id="textfield3" /></td>
                  </tr>
                </table>
                <p><input type="submit" name="submit" id="login2" value="Log in" />
                </p>
            </form>
</div>
</div>




css code:



body {
	background-color: #535353;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	overflow:hidden;
}

#content {
	position:absolute;
	top:0px;
	left:50%;
	width:500px;
	z-index:3;
	margin-left: -250px;
	bottom:53px;
	border:none;
	overflow-y:auto;
	overflow-x:hidden;
	padding-top:40px;
}

#login	{
	
}

#loginbg	{
	position:absolute;
	width:auto;
	height:auto;
	left:50%;
	margin-left:-175px;
	top:50%;
	margin-top:-65px;
	border:thin solid #333333;
	background-color:#cc3366;
	text-align:center;
	padding:30px;	
}



Ik denk dat dat is omdat je content op de voorgrond staat. Geef content eens z-index: -9000.
Dat heb ik gedaan, en lost helaas niets op :S
W3C CSS Validator Resultaten met object : file://localhost/TextArea (CSS versie 2.1)
Sorry! We vonden de volgende fouten (2)
URI : file://localhost/TextArea
18 #content Eigenschap overflow-y bestaat niet in CSS versie 2.1 maar wel in [css3] : auto
19 #content Eigenschap overflow-x bestaat niet in CSS versie 2.1 maar wel in [css3] : hidden

Zit waarschijnlijk ergens in je broncode..
kan je dat nader verklaren..?
Nou, dat die balkjes ergens in je code zitten. Waarschijnlijk komt dat door overflow: auto of scroll ;-).

Reageren