Tjah, et par småfejl hist og pist, men f.eks. sådan:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;}
</style>
<script type="text/javascript">
var intSelects = 0;
function appendSelect(f){
var isMonth = intSelects==0?false:f.elements["isMonth"][1].checked;
var actDate = intSelects==0?new Date():new Date(f.elements["Date_Year"+intSelects].value, f.elements["Date_Month"+intSelects].selectedIndex, f.elements["Date_Day"+intSelects].selectedIndex + (isMonth?29:8));
var thisDay = actDate.getDate();
var thisMonth = actDate.getMonth();
var thisYear = actDate.getFullYear();
var thisDayName = getDayName(actDate);
//bør egentlig stå til sidst i funktionen... men nu er det forsent ;-)
intSelects++;
var dash = document.createTextNode(" ");
var mother = document.getElementById('motherDiv');
var newTabel = document.createElement("TABLE");
newTabel.style.width = "100%";
newTabel.style.border = "1px solid black";
mother.appendChild(newTabel);
var newTBody = document.createElement("TBODY");
newTabel.appendChild(newTBody);
var newTR = document.createElement("TR");
newTBody.appendChild(newTR);
var newTD = document.createElement("TD");
newTD.style.height = "35px";
newCheck = document.createElement("INPUT");
newCheck.type = 'checkbox';
newCheck.name = 'Cancel_date' + intSelects;
newCheck.id = 'Cancel_date' + intSelects;
newTD.appendChild(newCheck);
newCheck.checked = true;
// ************** 1. CELLE AFSLUTNING ***********************
newTR.appendChild(newTD);
// ************** 2. CELLE Start ****************************
newTD = document.createElement("TD");
newDiv = document.createElement("div");
newDiv.id = 'day_name' + intSelects;
newTD.appendChild(newDiv);
var divTxt = document.createTextNode(thisDayName);
newDiv.appendChild(divTxt);
// ************** 2. CELLE AFSLUTNING ***********************
newTR.appendChild(newTD);
// ************** 3. CELLE Start ****************************
newTD = document.createElement("TD");
var newSel = document.createElement("SELECT");
newSel.size = '1';
newSel.className = 'inputbox';
newSel.name = 'Date_Day' + intSelects;
newSel.id = 'Date_Day' + intSelects;
newTD.appendChild(newSel);
for(i=1;32>i;i++){
newSel.options[newSel.length] = new Option(i, i);
}
newSel.selectedIndex = thisDay - 1;
newTD.appendChild(dash);
newSel = document.createElement("SELECT");
newSel.size = '1';
newSel.className = 'inputbox';
newSel.name = 'Date_Month' + intSelects;
newSel.id = 'Date_Month' + intSelects;
newTD.appendChild(newSel);
var mName = ['','januar','februar','marts','april','maj','juni','juli','august','september','oktober','november','december'];
for(i=1;13>i;i++){
newSel.options[newSel.length] = new Option(mName[i],i);
}
newSel.selectedIndex = thisMonth;
dash = dash.cloneNode(true);
newTD.appendChild(dash);
newSel = document.createElement("SELECT");
newSel.size = '1';
newSel.className = 'inputbox';
newSel.name = 'Date_Year' + intSelects;
newSel.id = 'Date_Year' + intSelects;
newTD.appendChild(newSel);
//3 år frem i tiden
for(i=0;3>i;i++){
newSel.options[newSel.length] = new Option(thisYear + i, thisYear + i);
}
newSel.selectedIndex = 0;
// ************** 3. CELLE AFSLUTNING ***********************
newTR.appendChild(newTD);
}
function getDayName(dato) {
strDays = new Array("Søndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","Lørdag");
return strDays[dato.getDay()];
}
</script>
<title>Se forskellen i IE css-fortolkning</title>
</head>
<body>
<form>
Opdater med:<br>
Uge: <input name="isMonth" type="radio" checked><br>
Måned: <input name="isMonth" type="radio"><br>
<div id="motherDiv"></div>
<button onclick="appendSelect(this.form);">Indsæt tabel</button><br>
<button onclick="alert(document.body.innerHTML)">Vis indhold</button>
</form>
</body>
</html>