Onderstaande pagina werkt wel goed in Firefox maar niet in IE 6.0?
In Firefox schuift de footer mooi naar boven of beneden en de pagina past zich aan aan de resolutie van de browser. Pagina vult altijd het volledige browservenster (in mijn geval 99%, maar dat is een bewuste keuze)
In I.E. 6.0 schuift de footer niet naar boven of beneden en past de pagina zich niet aan aan de resolutie van de browser. Mijn vraag is hoe ik dit voor IE 6.0 ook werkend kan krijgen?
Onderstaand heb ik de HTML-code toegevoegd en de betreffende CSS-code:
Voor het gemak heb ik de css-code tussen de Head-tags geplaatst. Dus als je deze code kopieert en plakt, dan zie je wat ik bedoel en misschien kun je me dan helpen ....
CODE
-------------------------
Alvast bedankt!
[Moderator-Edit] Html-tag toegevoegd. [/Edit]
In Firefox schuift de footer mooi naar boven of beneden en de pagina past zich aan aan de resolutie van de browser. Pagina vult altijd het volledige browservenster (in mijn geval 99%, maar dat is een bewuste keuze)
In I.E. 6.0 schuift de footer niet naar boven of beneden en past de pagina zich niet aan aan de resolutie van de browser. Mijn vraag is hoe ik dit voor IE 6.0 ook werkend kan krijgen?
Onderstaand heb ik de HTML-code toegevoegd en de betreffende CSS-code:
Voor het gemak heb ik de css-code tussen de Head-tags geplaatst. Dus als je deze code kopieert en plakt, dan zie je wat ik bedoel en misschien kun je me dan helpen ....
CODE
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>proef</title>
<style type="text/css">
html {height: 99%; }
body { background-color: #000000; height: 99%;}
#layout {height: 100% }
#main {height: 100% }
#left {height: 100% }
.table_main {border: 1px solid #CCCCCC; background-color: #ffffff;}
.td_menu_left {
background-color: #c4d5d1;
}
.td_footer {
background-color: #CC9900;
}
.table_main_content {
background-color: #ffffff;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none; }
.td_top_left {
background-color: #000000;
}
.td_top_right {
background-color: #000000;
}
</style>
</head>
<body>
<table id="layout" width="760" border="0" align="center" cellpadding="0" cellspacing="0" class="table_main">
<!--DWLayoutTable-->
<tr>
<td height="69" colspan="2" valign="top" class="td_top_left" ><!--DWLayoutEmptyCell--> </td>
<td width="507" valign="top" class="td_top_right"><!--DWLayoutEmptyCell--> </td>
</tr>
<tr>
<td height="33" colspan="3" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="table_menu_top">
<tr>
<td width="758" height="25" valign="top" bgcolor="#339933"><!--DWLayoutEmptyCell--> </td>
</tr>
</table></td>
</tr>
<tr>
<td id="left" width="159" valign="top" class="td_menu_left"><!--DWLayoutEmptyCell--> </td>
<td colspan="2" valign="top"><table id="main" width="100%" border="0" cellpadding="5" cellspacing="5" class="table_main_content">
<!--DWLayoutTable-->
<tr>
<td width="579" height="402" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="579" height="359"> </td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="23" colspan="3" valign="top" class="td_footer"><!--DWLayoutEmptyCell--> </td>
</tr>
<tr>
<td height="1"></td>
<td width="92"></td>
<td></td>
</tr>
</table>
</body>
</html>
-------------------------
Alvast bedankt!
[Moderator-Edit] Html-tag toegevoegd. [/Edit]
Laatst bewerkt door een moderator: