tables in IE6 vs Firefox2
Ik ben bezig met het maken van een site, maar ik krijg twee toch wel opvallende verschillen in Internet Explorer 6 en Firefox 2
Zie hier het resultaat:
IE6: http://img152.imageshack.us/img152/6100/ie6jw6.jpg
Firefox2: http://img152.imageshack.us/img152/9937/firefox2vs8.jpg
Ik maak gebruik van tables, maar hoe kan ik dit oplossen? Hoe kan ik het in Internet Explorer er net zo uit laten zien als in Firefox?
Bedankt!
Zie hier het resultaat:
IE6: http://img152.imageshack.us/img152/6100/ie6jw6.jpg
Firefox2: http://img152.imageshack.us/img152/9937/firefox2vs8.jpg
Ik maak gebruik van tables, maar hoe kan ik dit oplossen? Hoe kan ik het in Internet Explorer er net zo uit laten zien als in Firefox?
Bedankt!
plaats even de betreffende code, dan kunnen we zien wat er fout gaar :)
gr, tim
gr, tim
Sowieso niet met tabellen designen. Leer CSS, krijg je nooit spijt van. In dit geval zal het wel te maken hebben met het boxmodel dat door IE verkeerd geinterpreteerd wordt.
Probeer in je CSS maar eens:
Probeer in je CSS maar eens:
Het stukje code waar het om gaat:
en in het css-script dat ik gebruik staat:
searchlogin_bg:
search header:
Code (php)
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<table width="100%" border="0" align="center" cellspacing="0">
<tr>
<td width="50%" align="left" valign="middle" class="search_header">
<form name="search" id="search" method="post" action="index.php?p=search">Zoeken: <input name="query" id="query" type="text" size="30" class="textfield" /> <input name="Submit" type="submit" class="button" value="zoek!" /></form>
</td>
<td width="50%" align="right" valign="middle" class="login_header">
Niet ingelogd [ <a href="index.php?p=inloggen">inloggen</a> | <a href="index.php?p=registreren">registreren</a> ]
</td>
</tr>
</table>
<tr>
<td width="50%" align="left" valign="middle" class="search_header">
<form name="search" id="search" method="post" action="index.php?p=search">Zoeken: <input name="query" id="query" type="text" size="30" class="textfield" /> <input name="Submit" type="submit" class="button" value="zoek!" /></form>
</td>
<td width="50%" align="right" valign="middle" class="login_header">
Niet ingelogd [ <a href="index.php?p=inloggen">inloggen</a> | <a href="index.php?p=registreren">registreren</a> ]
</td>
</tr>
</table>
en in het css-script dat ik gebruik staat:
searchlogin_bg:
Code (php)
1
2
3
4
5
6
7
2
3
4
5
6
7
.searchlogin_bg {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #232323;
padding: 2px;
background-color: #F3F3F3;
}
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #232323;
padding: 2px;
background-color: #F3F3F3;
}
search header:




