<div> border vises uregelæssigt i IE. Hvorfor ?
Jeg har lidt problemer med at få border på nogle <div>'s vist regelmæssigt. Nogle gange er de synlige, andre gange ikke. Jeg har ikke observeret nogle problemer med firefox.Jeg har sat den aktuelle kode, jeg har erfaret problemet med, ind herunder. Jeg ved den er lidt omfangsrig men jeg har forsøgt at markere problem <div>'erne med lidt ekstra linjeafstand.
Koden laver en kasse øverst på siden, den er der aldrig problemer med, og så to kasser ved siden af hinanden nedenunder og det er border på disse kasser der vises lidt uregelmæssigt.
<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0//EN' 'http://www.w3.org/TR/REC-html40/strict.dtd'>
<html>
<head>
<link rel='stylesheet' href='pfc_but_styles.css' type='text/css'>
<script type='text/javascript' src='pfc_but_jscript.js'></script>
</head>
<body bgcolor='#D4D0C8'>
Denne div vises altid fint.
<div style='position: absolute; left: 185px; top: 5px; width: 630px; height: 230px; border-width: 1px; border-style: solid; border-color: #AAA898;'>
<form action='su_admin.php' method='post' name='su_form'>
<input type=hidden name='su_item_str' value=''>
<input type=hidden name='su_item_place' value=''>
<input type=hidden name='su_src_str' value=''>
<span style='position: absolute; left: 190px; top: 5px;'><b>Users :</b></span>
<span style='position: absolute; left: 95px; top: 30px;'>Initials :</span>
<span style='position: absolute; left: 190px; top: 30px;'><input type='text' name='su_init' value='' tabindex=1></span>
<span style='position: absolute; left: 95px; top: 55px;'>Name :</span>
<span style='position: absolute; left: 190px; top: 55px;'><input type='text' name='su_name' value='' tabindex=2></span>
<span style='position: absolute; left: 95px; top: 80px;'>Surname :</span>
<span style='position: absolute; left: 190px; top: 80px;'><input type='text' name='su_surn' value='' tabindex=3></span>
<span style='position: absolute; left: 95px; top: 105px;'>Department :</span>
<span style='position: absolute; left: 190px; top: 105px;'><input type='text' name='su_depa' value='' tabindex=4></span>
<span style='position: absolute; left: 365px; top: 30px; cursor: pointer;' onclick='document.getElementById("user0").checked=true;'><input type=radio id='user0' name='su_leve' value='0' >System Administrator</span>
<span style='position: absolute; left: 365px; top: 55px; cursor: pointer;' onclick='document.getElementById("user1").checked=true;'><input type=radio id='user1' name='su_leve' value='1' >Local Administrator</span>
<span style='position: absolute; left: 365px; top: 80px; cursor: pointer;' onclick='document.getElementById("user2").checked=true;'><input type=radio id='user2' name='su_leve' value='2' >Question editor</span>
<span style='position: absolute; left: 365px; top: 105px; cursor: pointer;' onclick='document.getElementById("user3").checked=true;'><input type=radio id='user3' name='su_leve' value='3' >Normal User</span>
<div align='center' id='butContainer' style='position: absolute; left: 190px; top: 140px; padding: 0px;' onmouseover='fnBut("1",event.target);' onmouseout='fnBut("2",event.target);' onmousedown='fnBut("3",event.target);' onmouseup='fnBut("4",event.target);'>
<input type=image class='but_on' id='su_save' src='buttons/but_save_on.jpg' name='su_save' alt='Save'>
<input type=image class='but_on' id='su_src' src='buttons/but_src_on.jpg' name='su_src' alt='Search'>
<input type=image class='but_disabled' id='su_del' src='buttons/but_del_disabled.jpg' name='su_del' alt='Delete' disabled>
<input type=image class='but_on' id='su_clr' src='buttons/but_clr_on.jpg' name='su_clr' alt='Clear'>
<img class='but_disabled' id='su_upd' src='buttons/but_upd_disabled.jpg' name='su_upd' alt='Restore' onclick='su_form.reset();'><br>
<input type=image class='but_disabled' id='su_prev' src='buttons/but_prev_disabled.jpg' name='su_prev' alt='Previous' disabled>
<input type=image class='but_disabled' id='su_next' src='buttons/but_next_disabled.jpg' name='su_next' alt='Next' disabled>
</div>
<span style='position: absolute; left: 190px; top: 185px;'></span>
</form>
</div>
Denne div er den første med problemet.
<div style='position: absolute; left: 185px; top: 245px; width: 310px; height: 300px; border-width: 1px; border-style: solid; border-color: #AAA898;'>
<form action='sd_admin.php' method='post' name='depa_form'>
<span style='position: absolute; left: 105px; top: 5px;'><b>Departments :</b></span>
<span style='position: absolute; left: 5px; top: 30px;'>New :</span>
<span style='position: absolute; left: 105px; top: 30px;'><input type=text name='sd_new' value=''></span>
<span style='position: absolute; left: 5px; top: 55px;'>Departments :</span>
<span style='position: absolute; left: 105px; top: 55px;'><select name='sd_depa' size='10'><option>ACC East<option>ACC West<option>ATWR<option>CH APP<option>CH ASS<option>CH TWR<option>COIF
</select></span>
<div align='center' id='butContainer' style='position: absolute; left: 280px; top: 30px; padding: 1px;' onmouseover='fnBut("1",event.target);' onmouseout='fnBut("2",event.target);' onmousedown='fnBut("3",event.target);' onmouseup='fnBut("4",event.target);'>
<input type=image class='but_on' id='sd_save' src='buttons/but_save_on.jpg' name='sd_save' alt='Save'>
</div>
<div align='center' id='butContainer' style='position: absolute; left: 280px; top: 55px; padding: 1px;' onmouseover='fnBut("1",event.target);' onmouseout='fnBut("2",event.target);' onmousedown='fnBut("3",event.target);' onmouseup='fnBut("4",event.target);'>
<input type=image class='but_on' id='sd_del' src='buttons/but_del_on.jpg' name='sd_del' alt='Delete'>
</div>
<span style='position: absolute; left: 105px; top: 230px;'></span>
</form></div>
Denne div er den anden med problemet.
<div style='position: absolute; left: 505px; top: 245px; width: 310px; height: 300px; border-width: 1px; border-style: solid; border-color: #AAA898;'>
<form action='sb_admin.php' method='post' name='book_form'>
<span style='position: absolute; left: 105px; top: 5px;'><b>Books :</b></span>
<span style='position: absolute; left: 5px; top: 30px;'>New :</span>
<span style='position: absolute; left: 105px; top: 30px;'><input type=text name='sb_new' value=''></span>
<span style='position: absolute; left: 5px; top: 55px;'>Books :</span>
<span style='position: absolute; left: 105px; top: 55px;'><select name='sb_book' size='10'><option>Gen. ATS<option>LAI ACC<option>LAI BI TWR<option>LAI CH APP</select></span>
<div align='center' id='butContainer' style='position: absolute; left: 280px; top: 30px; padding: 1px;' onmouseover='fnBut("1",event.target);' onmouseout='fnBut("2",event.target);' onmousedown='fnBut("3",event.target);' onmouseup='fnBut("4",event.target);'>
<input type=image class='but_on' id='sb_save' src='buttons/but_save_on.jpg' name='sb_save' alt='Save'>
</div>
<div align='center' id='butContainer' style='position: absolute; left: 280px; top: 55px; padding: 1px;' onmouseover='fnBut("1",event.target);' onmouseout='fnBut("2",event.target);' onmousedown='fnBut("3",event.target);' onmouseup='fnBut("4",event.target);'>
<input type=image class='but_on' id='sb_del' src='buttons/but_del_on.jpg' name='sb_del' alt='Delete'>
</div>
<span style='position: absolute; left: 105px; top: 230px;'></span>
</form>
</div></body>
</html>
