[HTML] Design zentrieren | Code falsch? | Gegen Bilderklau

Felixx

also ich wollte es für meine Homepage so machen, das ich ein design in größe 800x600 mache, dann hg-farbe einstelle und es für alle in die mitte tu, so das die ganzen "probleme" wegen des Bildschirms und der größe wegfallen - doch wennn ich jetzt die frames für meinen Computer anpasse, sind sind sie für alle anderen wieder anders. ich meine, wenn man die fames codet, muss man den abstand vom linken bildschirmrand angeben und nicht (wie ich gedacht hatte) vom linken rand des desis.
Kann mir wer helfen? Ein Popup desi möchte ich möglichst vermeiden, aber wenns nicht anders geht, gibt es eh sonst keine Lösung.

EDIT: Irgentetwas stimmt nicht. denn: wenn ich im menü (1. code) auf willkommen klicke, öffnet es sich in einem neuen fenster. und 2. ist bei den links dann immer im hg so eine hellere Fabre.Hier der menü code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:

<html>
<head>
<style type="text/css">

a:link { color:#446B1E; TEXT-DECORATION: none; filter:dropshadow(color=#A2CD5A,offX=1,offY=1); height:8pt;}
a:visited { color:#446B1E; TEXT-DECORATION: none; filter:dropshadow(color=#A2CD5A,offX=1,offY=1); height:8pt;}
a: active { color:#446B1E; TEXT-DECORATION: none; filter:dropshadow(color=#FFFFFF,offX=1,offY=1); height:8pt;}
a:hover { color:#446B1E; TEXT-DECORATION: none; filter:dropshadow(color=#FFFFFF,offX=1,offY=1); height:8pt;}
body {cursor:crosshair};a:hover{cursor:crosshair;}

BODY {
color: #446B1E; /* deffiniert die textfarbe*/
text-align : center; /* deffiniert die 'textposition'*/
font-family : verdana;
font-size:10pt ; /* schriftgröße*/
background-position:0px 0px; /* oder auch center, left, right, top, bottom*/

</style>
</head>
<body>


<center>
<table border="1" width="160" style="border-style: double; border-width: 0" bordercolor="#446B1E" height="24" bgColor="#FFFFFF">

<tr bgcolor=#A2CD5A>
<td colspan=2 height="18" width="160" align="center"><font size="1">
<a href="menu.html>Home</a><br>
</font>
</td>
</tr>

<tr bgcolor=#FFFFFF>
<td colspan=2 height="18" width="160" align="center"><font size="1">
<a href="willkommen.html target=main">Willkommen</a><br>
</font>
</td>
</tr>

<tr bgcolor=#FFFFFF>
<td colspan=2 height="18" width="160" align="center"><font size="1">
<a href=""erklarung.html target=_main">Erklärung</a><br>
</font>
</td>
</tr>

<tr bgcolor=#FFFFFF>
<td colspan=2 height="18" width="160" align="center"><font size="1">
<a href="news.html">News</a><br>
</font>
</td>
</tr>

<tr bgcolor=#FFFFFF>
<td colspan=2 height="18" width="160" align="center"><font size="1">
<a href="forum.html">Forum</a><br>
</font>
</td>
</tr>

<tr bgcolor=#FFFFFF>
<td colspan=2 height="18" width="160" align="center"><font size="1">
<a href="anmeldung.html">Anmeldung</a><br>
</font>
</td>
</tr>

<tr bgcolor=#FFFFFF>
<td colspan=2 height="18" width="160" align="center"><font size="1">
<a href="mitglieder.html">Mitglieder</a><br>
</font>
</td>
</tr>

<tr bgcolor=#A2CD5A>
<td colspan=2 height="22" width="160" align="center"><font size="1">
<a href="menu2.html">Rollenspiel</a><br>
</font>
</td>
</tr>

<tr bgcolor=#A2CD5A>
<td colspan=2 height="22" width="160" align="center"><font size="1">
<a href="menu3.html">Extras</a>
</font>
</td>
</tr>


</table>
</center>

</body>
</html>
</html>

hier der desi code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:

<HTML>
<HEAD>
<META NAME="Author" CONTENT="Laura">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE> </TITLE>
</HEAD>
<BODY-background="#FFFFFF" marginwidth="0" leftmargin="0" marginheight="0" topmargin="0" scroll="no">

<IMG NAME="design" SRC="http://blackarrow.bl.funpic.de/Design2.png" WIDTH="800" HEIGHT="600" border="0" USEMAP="#design">

<div id="Layer1" style="position: absolute; left: 222px; top: 174px;">
<iframe src="willkommen.html" name="main" width="565" height="425" frameborder=0 scrolling="auto" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

<div id="Layer2" style="position: absolute; left: 15px; top: 20px;">
<iframe src="menu.html" name="menu" width="180" height="220" frameborder=0 scrolling="no" noresize style="border: 0px" style="FILTER: chroma (color=#ffffff)" ;>
</iframe>
</div>

</BODY>
</HTML>

lg Lisi