Hallo alle zusammen
ich habe im mom folgende html datei:
Code:
<div style="position:absolute; z-index:2; font-size:26px; color:#06F; font-weight:bold; font-style:italic; top:6%; left:7%">
Daten eintragen</div>
<div style="position:absolute; z-index:1; left:6%"><img align="middle" src="titel_eintragen.png" width="509" height="78" /></div>
<div style="position:absolute; border:dotted #999 1px; padding: 5%; left:7%; top:22%;">
<form action="int_eintragen.php" method="post">
<!-- ÜBERSCHRIFTEN -->
<table width="780" cellspacing="4">
<tr align="center">
<td width="70"></td>
<td width="120" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung I</td>
<td width="120" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung II</td>
<td width="120" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung III</td>
<td width="114" style="color:#666; font-size:14px; font-weight:bold;">Bemerkung IV</td>
</tr>
<!-- MONTAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Montag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num1_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data1_4" size="11" maxlength="100" /></td>
</tr>
<!-- DIENSTAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Dienstag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num2_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data2_4" size="11" maxlength="100" /></td>
</tr>
<!-- MITTWOCH -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Mittwoch</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num3_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data3_4" size="11" maxlength="100" /></td>
</tr>
<!-- DONNERSTAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Donnerstag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num4_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data4_4" size="11" maxlength="100" /></td>
</tr>
<!-- FREITAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Freitag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num5_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data5_4" size="11" maxlength="100" /></td>
</tr>
<!-- SAMSTAG -->
<tr>
<td align="right" style="color:#666; font-size:14px; font-weight:bold;">Samstag</td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_1" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_1" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_2" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_2" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_3" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_3" size="11" maxlength="100" /></td>
<td align="center"><input style="color:#666; font-size:14px; text-align:center" type="text" name="num6_4" size="2" maxlength="100" /> <input style="color:#666; font-size:14px; text-align:center" type="text" name="data6_4" size="11" maxlength="100" /></td>
</tr>
</table>
<!-- ABTEILUNG & KALENDERWOCHE -->
<div style="position:absolute; top:-7.5%; left:75%">
<select style="color:#666; font-size:14px; text-align:center" name="abteilung" size="1">
<option>bbk</option>
<option>Abteilung 2</option>
<option>Abteilung 3</option>
<option>Abteilung 4</option>
<option>Abteilung 5</option>
</select>
<input style="color:#666; font-size:14px; text-align:center" type="text" name="kw" size="13" maxlength="10"
value="Kalenderwoche" onclick="if(this.value && this.value==this.defaultValue)this.value=''" />
</div>
<!-- BUTTONS -->
<a href="int_eintragen.php" style="text-decoration:none;"><div style="position:absolute; top:-8%; left:0%; background-image:url(tab.png); width:109px; height:23px; z-index:5; color:#666; font-size:14px; text-align:center; padding-top:0.3%;">Daten eintragen</div></a>
<a href="int_aendern.php" style="text-decoration:none;"><div style="position:absolute; top:-8%; left:13%; background-image:url(tab.png); width:109px; height:23px; z-index:5; color:#666; font-size:14px; text-align:center; padding-top:0.3%;">Daten ändern</div></a>
<a href="int_ausgeben.php" style="text-decoration:none;"><div style="position:absolute; top:-8%; left:26%; background-image:url(tab.png); width:109px; height:23px; z-index:5; color:#666; font-size:14px; text-align:center; padding-top:0.3%;">Daten ausgeben</div></a>
<div style="position:absolute; left: 85%; top: 96%;"><input type="submit" value="Eintragen" /></div>
</form>
</div>
mein problem ist das es sich je nach auflösung von den position verändert und dann nicht mehr schön aussieht.
sprich der bereich "Daten eintragen, ändern und ausgeben" so wie das dropdown bbk mit kalenderwoch sollen so am border sein das sie aussehen wie reiterkarten. kann man da was machen das sich die ganzen elemente nicht immer verschieben wenn sich die auflösung ändert. sprich es soll einheitlich sein.
schon mal vielen dank.
P.S. habe nicht viel ahnung von HTML