Office Forum
www.Office-Loesung.de
Access :: Excel :: Outlook :: PowerPoint :: Word :: Office :: Wieder Online ---> provisorisches Office Forum <-
seite für viele auflösungen
zurück: Homepage ohne Frames mit Tabellen weiter: HTML-Editor im Browser einstellen Unbeantwortete Beiträge anzeigen
Neues Thema eröffnen   Neue Antwort erstellen     Status: Antwort Facebook-Likes Diese Seite Freunden empfehlen
Zu Browser-Favoriten hinzufügen
Autor Nachricht
SpecialFighter
Im Profil kannst Du frei den Rang ändern


Verfasst am:
14. Okt 2009, 10:25
Rufname:

seite für viele auflösungen - seite für viele auflösungen

Nach oben
       

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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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" />&nbsp;<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
womaninweb
(X)HTML und CSS Junkie


Verfasst am:
14. Okt 2009, 12:17
Rufname:
Wohnort: Aachen


AW: seite für viele auflösungen - AW: seite für viele auflösungen

Nach oben
       

Hallo SpecialFighter,

das liegt an den prozentualen Angaben der Position top und left. Ist ja auch logisch, bei einer höheren oder niedrigeren Auflösung bleibt der Prozentanteil gleich, nur halt von unterschiedlichen Höhen und Breiten. Bei dem Aufbau, den du hast, wird es aber schwierig sein, das mit fixen Angaben zu lösen, da sich die prozentualen Angaben über das gesamte Dokument erstrecken.

Gruß,
womaninweb

_________________
Der Vorteil der Klugheit besteht darin, dass man sich dumm stellen kann. Das Gegenteil ist schon schwieriger.
Kurt Tucholsky
Neues Thema eröffnen   Neue Antwort erstellen Alle Zeiten sind
GMT + 1 Stunde

Diese Seite Freunden empfehlen

Seite 1 von 1
Gehe zu:  
Du kannst Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
Du kannst Dateien in diesem Forum nicht posten
Du kannst Dateien in diesem Forum herunterladen

Verwandte Themen
Forum / Themen   Antworten   Autor   Aufrufe   Letzter Beitrag 
Keine neuen Beiträge Frontpage Forum: Suchergebnis in neuer Seite öffnen 0 kv21 394 11. Feb 2013, 13:53
kv21 Suchergebnis in neuer Seite öffnen
Keine neuen Beiträge Frontpage Forum: Name des letzten Änderers (geändert von) in Seite anzeigen 0 barwedel 779 11. Nov 2011, 09:32
barwedel Name des letzten Änderers (geändert von) in Seite anzeigen
Keine neuen Beiträge Macromedia Dreamweaver Forum: Aktiven Link auf Seite highlighten 0 estar 1090 06. Okt 2011, 18:06
estar Aktiven Link auf Seite highlighten
Keine neuen Beiträge Frontpage Forum: HTML Code in HTML Seite einbinden 1 Maverick2000 784 08. Aug 2011, 19:30
womaninweb HTML Code in HTML Seite einbinden
Keine neuen Beiträge Macromedia Dreamweaver Forum: Seite überarbeiten 1 manuel_bo 1018 20. Jan 2011, 11:59
womaninweb Seite überarbeiten
Keine neuen Beiträge Frontpage Forum: keywords in der index seite Homepage Frontpage 1 stupsi.2000 1690 21. Sep 2010, 19:26
maninweb keywords in der index seite Homepage Frontpage
Keine neuen Beiträge HTML & CSS Forum: Login Seite erstellen mit Autologin auf anderen Seiten 3 Mike2 8182 02. Jan 2009, 19:24
dilansilan Login Seite erstellen mit Autologin auf anderen Seiten
Keine neuen Beiträge PHP & JavaScript Forum: Kontaktformular - neue Seite nach Versendung der Nachricht 6 _Leviathan_ 2006 12. Dez 2008, 13:52
_Leviathan_ Kontaktformular - neue Seite nach Versendung der Nachricht
Keine neuen Beiträge PHP & JavaScript Forum: Kopierbefehl aus php Seite 18 Gast 3928 31. Okt 2008, 17:50
Gast Kopierbefehl aus php Seite
Keine neuen Beiträge Frontpage Forum: Seite unterteilen ohne Frame 3 maxx-energie 4516 10. Feb 2008, 13:46
Thorsten 19 Seite unterteilen ohne Frame
Keine neuen Beiträge MS Expression Web Forum: Tabstrip in einer asp Seite mit Master 0 PSGast 1210 01. Feb 2008, 09:48
PSGast Tabstrip in einer asp Seite mit Master
Keine neuen Beiträge MS Expression Web Forum: Automatischer Verweis auf eine andere HTML Seite... 5 holi 4642 10. Sep 2007, 13:00
Gast Automatischer Verweis auf eine andere HTML Seite...
 

----> Diese Seite Freunden empfehlen <------ Impressum - Besuchen Sie auch: Microsoft Project