The following HTML code shows a graphic frame inside the client area.
If I insert a <!DOCTYPE ...> at the first line, using I-Explorer the graphic frame is not well shown. I'd like to know what do I have to do to solve this, using a Doctype tag.
Thanx.
Bernie.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
margin:0 0 0 0;
height:100%;
}
#popLT {width:5px; height:5px; background-image:url(../img/esq_sup_izda.gif); background-repeat:no-repeat;}
#popT {height:5px; background-image:url(../img/linea_marco_horizontal.gif); background-repeat:repeat-x;}
#popRT {width:5px; height:5px; background-image:url(../img/esq_sup_dcha.gif); background-repeat:no-repeat;}
#popL {width:5px; background-image:url(../img/linea_marco_vertical.gif); background-repeat:repeat-y;}
#popR {width:5px; background-image:url(../img/linea_marco_vertical_dcha.gif); background-repeat:repeat-y;}
#popTitle { height:18px; background-image:url(../img/linea_caption_horizontal.gif); background-repeat:repeat-x;}
#popLB {width:5px; height:5px; background-image:url(../img/esq_inf_izda.gif); background-repeat:no-repeat;}
#popB {height:5px; background-image:url(../img/linea_marco_horizontal_inf.gif); background-repeat:repeat-x;}
#popRB {width:5px; height:5px; background-image:url(../img/esq_inf_dcha.gif); background-repeat:no-repeat;}
#popBgButs { background-color: #E6E2E2;}
#popInnerTable {background-color: #4C67A7; border:1px solid #4C67A7;}
.innerTableBG { background-color: #FFFFFF;}
</style>
</head>
<body>
<div style="position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; z-index:0;">
<table cellpadding="0" cellspacing="0" width="100%" height="100%" border="0">
<tr><td id="popLT"></td><td id="popT"></td><td id="popRT"></td>
</tr>
<tr>
<td id="popL"></td>
<td valign="top">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" id="popInnerTable">
<tr valign="top" height="20">
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td id="popTitle"></td></tr>
</table>
</td>
</tr>
<tr>
<td height="98%" valign="top">
<table width="100%" height="100%" border="0" class="innerTableBG">
<tr>
<td></td> <!-- contenido -->
</tr>
<tr height="35"> <!-- Barra de botones -->
<td id="popBgButs"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td id="popR"></td>
</tr>
<tr>
<td id="popLB"></td><td id="popB"></td><td id="popRB"></td>
</tr>
</table>
</div>
</body>
</html>
If I insert a <!DOCTYPE ...> at the first line, using I-Explorer the graphic frame is not well shown. I'd like to know what do I have to do to solve this, using a Doctype tag.
Thanx.
Bernie.
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
margin:0 0 0 0;
height:100%;
}
#popLT {width:5px; height:5px; background-image:url(../img/esq_sup_izda.gif); background-repeat:no-repeat;}
#popT {height:5px; background-image:url(../img/linea_marco_horizontal.gif); background-repeat:repeat-x;}
#popRT {width:5px; height:5px; background-image:url(../img/esq_sup_dcha.gif); background-repeat:no-repeat;}
#popL {width:5px; background-image:url(../img/linea_marco_vertical.gif); background-repeat:repeat-y;}
#popR {width:5px; background-image:url(../img/linea_marco_vertical_dcha.gif); background-repeat:repeat-y;}
#popTitle { height:18px; background-image:url(../img/linea_caption_horizontal.gif); background-repeat:repeat-x;}
#popLB {width:5px; height:5px; background-image:url(../img/esq_inf_izda.gif); background-repeat:no-repeat;}
#popB {height:5px; background-image:url(../img/linea_marco_horizontal_inf.gif); background-repeat:repeat-x;}
#popRB {width:5px; height:5px; background-image:url(../img/esq_inf_dcha.gif); background-repeat:no-repeat;}
#popBgButs { background-color: #E6E2E2;}
#popInnerTable {background-color: #4C67A7; border:1px solid #4C67A7;}
.innerTableBG { background-color: #FFFFFF;}
</style>
</head>
<body>
<div style="position:absolute; left:0px; top:0px; right:0px; bottom:0px; width:100%; height:100%; z-index:0;">
<table cellpadding="0" cellspacing="0" width="100%" height="100%" border="0">
<tr><td id="popLT"></td><td id="popT"></td><td id="popRT"></td>
</tr>
<tr>
<td id="popL"></td>
<td valign="top">
<table width="100%" height="100%" cellpadding="0" cellspacing="0" id="popInnerTable">
<tr valign="top" height="20">
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td id="popTitle"></td></tr>
</table>
</td>
</tr>
<tr>
<td height="98%" valign="top">
<table width="100%" height="100%" border="0" class="innerTableBG">
<tr>
<td></td> <!-- contenido -->
</tr>
<tr height="35"> <!-- Barra de botones -->
<td id="popBgButs"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td id="popR"></td>
</tr>
<tr>
<td id="popLB"></td><td id="popB"></td><td id="popRB"></td>
</tr>
</table>
</div>
</body>
</html>