nicht angemeldet
Hier nun mal ein Code-Auszug:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Stuecklistenscript</title>
<HTA:APPLICATION ID="RolandRaue" APPLICATIONNAME="RolandRaue-Stuecklistenscript" SCROLL="yes" SINGLEINSTANCE="no" WINDOWSTATE="maximize"/>
<style type="text/css">
@media screen {
/*-------------------------------*/
/* -- Allgemeine Festlegungen -- */
/*-------------------------------*/
body { background-color:lightblue; font-family:Times; font-size:14px; }
form { width:1120px; border:3px; border-style: outset; border-color: lightgrey }
div.rollbalken { width: 1100px; margin:0px; border:2px; border-style: inset; overflow:scroll; overflow-x:hidden }
.Folie { border:2px; border-style: inset; padding:3px }
.Inhalt { border:2px; border-style: inset; padding:3px }
.STL_Meldungen_Überschreiben { height:31px; margin:0px; padding:1px; border:2px; border-style: inset; color: black; font-weight: bold }
.STL_Meldungen_Überschreiben_Links { height:31px; margin:0px; padding:1px; border:2px; border-style: inset; color: black; font-weight: bold }
.STL_Meldungen_Überschreiben_Zeit { height:31px; margin:0px; padding:4px; border:2px; border-style: inset; color: darkred; font-weight: bold }
.STL_Meldungen_Fehler { height:47px; width:1100px; margin:0px; padding:2px; border:2px; border-style: inset; overflow:scroll; overflow-x:hidden; color: darkred; font-weight: bold }
.STL_Meldungen_Button { vertical-align:middle }
.STL_Meldungen_Button_Links { vertical-align:middle }
.Warnhinweis { color: red }
.table2 { width: 180px; border-spacing:0; border-collapse:collapse; margin-top:0px; border:0px }
.table3 { width: 1030px; border:2px; border-style: outset; padding:3px; border-color: lightgrey; margin-left:25px }
.table4 { width: 1050px; border-spacing:0; border-collapse:collapse; margin-top:0px; border:0px; margin-left:15px }
.ZusatzListe { vertical-align:middle; margin-top:0px }
...
</style>
<!----------------------------->
<!-- Allgemeine Hauptscripte -->
<!----------------------------->
<script type="text/javascript" src="./Haupt_Includes/Aufrufe_Speicherung.js"></script>
<script type="text/javascript" src="./Haupt_Includes/Bereichsauswahl.js"></script>
<script type="text/javascript" src="./Haupt_Includes/Zusatzmatten_SA_LR.js"></script>
<script type="text/javascript" src="./Haupt_Includes/Zusatzmatten_A380.js"></script>
<script type="text/javascript" src="./Haupt_Includes/Tuermatten_A380.js"></script>
...
//--------------------------------------------------------------------------//
//-- Ausgabefenster anhand der Fenstergröße ermitteln und ggf. neu setzen --//
//--------------------------------------------------------------------------//
function Fensterhoehe()
{
function Fensterhoehe_ermitteln()
{
...
};
//-----------------------//
//-- Javascript - Ende --//
//-----------------------//
</script>
</head>
<body onKeyPress="return Entersperre(event)" onKeyDown="return F5sperre(event)" onmousedown="return rechteMaussperre()" oncontextmenu="return rechteMaussperre()" onload="init_Basis(); Inhalt_leeren(); load('500'); Fensterhoehe(); Version(); Aufrufe_Script()">
<table id="Tabelle0" height=957 width=1120 align="center">
<tr>
<td width=409></td>
<td>
<div style="position: relative; width:504px; background-color: #FFFFFF; border: 2px; border-style: outset; border-color: lightgrey">
<span id="counter" style="position: absolute; width: 100%; z-index: 3; text-align: center; font-weight: bold;">0%</span>
<div id="status" style="position: relative; background-color: #00AAFF; width:0px; height: 22px; z-index: 2;">
</div>
</div>
<div id="Ladestatus" style="text-align: left; font-weight: bold;">X:/Arbeitsvorbereitung/.../Stuecklistenscript.hta</div>
</td>
<td width=409></td>
</tr>
</table>
<form id="Auswahl" name="Auswahl" style="display: none;">
<table id="Tabelle1" align="center">
<tr height=3>
<td colspan=12></td>
</tr>
<tr height=75>
<td width=10></td>
<td colspan=10 width=1100><h2><center>Stücklistenscript</h2><h5>für SINGLE AISLE / LONG RANGE / AIRCABIN / A380</h5></center></td>
<td width=10></td>
</tr>
<tr height=3>
<td colspan=12></td>
</tr>
<tr height=30>
<td width=10></td>
<td width=80 align="center">Flugzeugtyp:</td>
<td width=128><label id="FLTLabel" for="FLT"></label>
<select id="FLT" name="FLT">
...
<tr id="div-container">
<td width=10></td>
<td width=1100 colspan=10 bgcolor=white><div id="msgs" class="rollbalken"></div></td>
<td width=10></td>
</tr>
<tr height=10>
<td width=10></td>
<td colspan=5 align="left" id="Version"></td>
<td colspan=5 align="right"><font size="1.5">© Copyright by Roland Raue</font></td>
<td width=10></td>
</tr>
</table>
</form>
</body>
</html>
Ich habe nun oben ein DOCTYPE eingeführt.
Nun stelle ich aber fest, dass diverse CSS-Anweisungen nicht korrekt dargestellt werden.
Das obere Bild ist so, wie es sein soll und das untere ist so wie es nach dem hinzufügen von DOCTYPE aussieht. Wie man halt dadurch sehr gut erkennt, ist es ein wenig verschoben bzw. einige Felder nicht korrekt wiedergegeben. Zudem stimmt die Schriftgröße nicht so wie es "vorher" der Fall war.
Muss ich nun also die CSS-Anweisungen anders deklarieren. Weil es geht ja nur um den Aufbau bzw. Darstellung der HTA-Datei. Denn wie bereits erwähnt funktioniert Javascript einwandtfrei.
LG Romero
Der Martin
JürgenB