IE6 geeft DIV niet weer
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??
Quote:
Verplaatst naar webdesign.
SanThe.
SanThe.
Gewijzigd op 01/01/1970 01:00:00 door Jer Tie
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.
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:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<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>
<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:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
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;
}
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;
}
Gewijzigd op 01/01/1970 01:00:00 door Jesper Diovo
Dat heb ik gedaan, en lost helaas niets op :S
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
W3C CSS Validator Resultaten met object : 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
Alleen nu staat de DIV nog totaal niet goed.... met 2 scrollbalkjes ernaast :S:S
Weet iemand hoe ik dat op kan lossen dan??
http://api.browsershots.org/png/original/38/38e36a67428ebcb709fb502acb036720.png
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 ;-).
dat snap ik, maar kan je ook verklaren waarom die DIV met het inlogformulier in alle browsers netjes in het midden staat behalve in IE6? daar staat ie ineens bovenaan...
IE6 leest CSS anders dan anderen. IE6 is een beetje dyslectisch...
Maar geen idee waar mn fout zit dus...?
Merk wel dat als ik overflow:scroll op overflow:hidden zet, dat dan het formulier niet meer te zien is in IE6...