nicht angemeldet
Vorweg:
Meine Seite ist nach einem Programm orientiert und als Art Formular aufgebaut.
Ich habe über JavaScript Funktionen wie "TextOut (Gibt Text mit DIV's aus", InputText(erzeugt Inputfeld), GroupBoxen (Rahmenbox mit Überschrift) und all sowas. Die Funktionen beinhalten dann Angaben wie style="position:absolute; top:xx; left:xxx;" etc.
Damit bestimme ich je nach Funktion Höhe, Breite, Abstand oben/links, size etc.
Die Seite hat einen Hintergrund und alle Element die zu sehen sind sind durch absolute Positionen erzeugt worden.
Im IE zeigt er auch die Ausrichtungen richtig an, im FireFox hingegen verschiebt sich alles um ein paar Pixel.
Besonders gravierend wirkt sich dies bei einem iFrame aus, der um mind. 150px nach rechts gewandert ist.
Leider sind die Quellcodes alle ein bisschen lang um die hier zu posten. Ich hoffe mal BBCodes funktionieren hier ^^
Das hier ist die JS datei:
//GroupBox mit Überschrift
function GroupBox1(iTop1, iLeft1, iHeight1, iWidth1, szHeadline1, szColor1)
{
document.write("<fieldset style=\"position:absolute; top:"+ iTop1 +"px; left:"+ iLeft1 +"px; height:"+ iHeight1 +"%; width:"+ iWidth1 +"%\">");
document.write("<legend style=\"color:"+ szColor1 +"; font-weight:bold\">");
document.write(szHeadline1);
document.write("</legend>");
document.write("</fieldset>");
}
//GroupBox ohne Überschrift
function GroupBox2(iTop2, iLeft2, iHeight2, iWidth2)
{
document.write("<fieldset style=\"position:absolute; top:" + iTop2 + "px; left:" + iLeft2 + "px; height:" + iHeight2 + "%; width:" + iWidth2 + "%\">");
document.write("</fieldset>");
}
//TextOut
function TextOut(iTop3, iLeft3, iHeight3, iWidth3, szTextinhalt3)
{
document.write("<DIV style=\"position:absolute; top:"+ iTop3 +"px; left:"+ iLeft3 +"px; height:"+ iHeight3 +"%; width:"+ iWidth3 +"%\">");
document.write(szTextinhalt3);
document.write("</DIV>");
}
//InputText
function InputText(iTop4, iLeft4, iSize4, szType4, szName4)
{
document.write("<INPUT type="+ szType4 +" name="+ szName4 +" size="+ iSize4 +" style=\"position:absolute; top:" + iTop4 +"px; left:"+ iLeft4 +"px\">");
}
hier die erste Seite - nur der body-teil:
var iTop1=70; var iTop2=330; var iTop3=445;
var iHeight1=1;
var iSize1=20;
var iWidth1=20;
var szType1='text';
// sind die drei Links für die Untermenüs - werden noch zu richtigen Portal Tabs / Reitern
//Link( 15, 5, 'main', 'subsites/futtermittelundstoffe.html', 'Futtermittel und Stoffe')
//Link( 15, 155, 'main', 'subsites/sonstigeangabenzurprobe.html', 'Sonstige Angaben zur Probe')
//Link( 15, 355, 'main', 'subsites/weitereangaben.html', 'Weitere Angaben')
// GroupBoxen
GroupBox1( 50, 10, 25, 40, 'Probedaten', '#00C0FF')
GroupBox1( 275, 10, 35, 40, 'Betriebsdaten', 'black')
GroupBox1( 305, 50, 12, 33, 'Kontrollierter Betrieb', '#00C0FF')
GroupBox1( 415, 50, 15, 33, 'Hersteller / Inverkehrbringer', '#00C0FF')
GroupBox2( 35, 5, 63, 88.9)
// werden in der GroupBox "Probedaten" dargestellt
TextOut( iTop1, 30, iHeight1, iWidth1, 'Prüfnummer:')
TextOut( iTop1 + 25, 30, iHeight1, iWidth1, 'Datum der Probenahme:')
TextOut( iTop1 + 50, 30, iHeight1, iWidth1, 'Probenummer:')
TextOut( iTop1 + 75, 30, iHeight1, iWidth1, 'Kennzeichnung:')
TextOut( iTop1 + 100, 30, iHeight1, iWidth1, 'Entahme:')
TextOut( iTop1 + 125, 30, iHeight1, iWidth1, 'Verschluß:')
InputText( iTop1, 180, iSize1, szType1, 'pruefnummer')
InputText( iTop1 + 25, 180, iSize1, szType1, 'datumderprobenahme')
InputText( iTop1 + 50, 180, iSize1, szType1, 'probenummer')
Select7( iTop1 + 75, 180, 20, 'Anhänger', 'Aufdruck', 'Aufkleber', 'Lieferschein', 'ohne', 'Rechnung', 's. Bemerkung')
Select7( iTop1 + 100, 180, 20, 'Landwirtschaftlicher Betrieb', 'offenes lager', 'Sack offen', 'Sack verschlossen', 'Schiff', 'Silo-LKW', 'Silo-Zelle')
Select6( iTop1 + 125, 180, 20, 'ohne Verschluß', 'Ventilsack', 'Verklebt', 'Vernäht', 'Verplombt', 'Verschnürt')
// Die folgenden beiden Abschnitte werden in SubGroupBoxen von der GroupBox "Betriebsdaten" dargestellt
// werden in der GroupBox "Kontrollierter Betrieb" dargestellt
TextOut( iTop2, 60, iHeight1, iWidth1, 'Nr.:')
TextOut( 367.5, 60, iHeight1, iWidth1, 'Name:')
InputText( iTop2, 180, 20, szType1, 'nr.')
InputText( iTop2 + 25, 180, iSize1, szType1, 'name1')
InputText( iTop2 + 50, 180, iSize1, szType1, 'name2')
// werden in der GroupBox "Hersteller / Inverkehrbringer" dargestellt
TextOut( iTop3, 60, iHeight1, iWidth1, 'Nr.:')
TextOut( 482.5, 60, iHeight1, iWidth1, 'Name:')
TextOut( iTop3 + 75, 60, iHeight1, iWidth1, 'PLZ Ort:')
InputText( iTop3, 180, iSize1, szType1, 'nr.')
InputText( iTop3 + 25, 180, iSize1, szType1, 'name1')
InputText( iTop3 + 50, 180, iSize1, szType1, 'name2')
InputText( iTop3 + 75, 180, 4, szType1, 'PLZ')
InputText( iTop3 + 75, 235, 11, szType1, 'Ort')
InputButton(iTop3 + 150, 100, 'Zurück', '../index.html')
InputButton(iTop3 + 150, 170, 'Weiter', 'probenahme2.html')
</SCRIPT>
<IFRAME name="main" style="margin-top:35px; margin-left:500px; position:absolute; height:61%; width:48%" scrolling="no" src="subsites/futtermittelundstoffe.html" frameborder="0" border="0"></IFRAME>
Struppi