Forum verschiebt sich beim scrollen!

mrbasket

Dies ist eine vorgefertigte Schablone.
Bitte fülle soviel aus, wie dir nur Möglich ist, du kannst auch gerne noch mehr Angaben machen.

Problembeschreibung:
Das Forum verschiebt sich beim scrollen!

Fehlermeldung:
gibt keine!

Was wurde zuletzt geändert oder eingebaut?
neuer Style entwickelt. (CSS-Menü eingebaut)

---

Seitdem ich ein CSS-Meü eingebaut habe, verschiebt sich das Forum beim scrollen. Eine Hälfte bleibt immer etwas oben und pendelt sich erst beim Ende des scrollens wieder ein. Außerdem kann man bei den ersten paar Zeichen, wenn man etwas ins Textfeld eingibt nicht sehen, wo man ist. Das Zeichen "|" das markiert, wo man sich gerade befindet ist nicht da und taucht erst nach einigen geschriebenen Zeichen auf.

Hier mal der Code des CSS-Menüs:

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:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:

<!-- Hier Navigation einfügen - Anfang!-->

<td align=center>

	<head>
	
<table style="width:100%" border="0" cellspacing="0" cellpadding="0">

	<style>

	ul,li,as {
		display:block;
		margin:0;
		padding:0;
		border:0;
	}

	ul {
		width:150px;
		border:0px solid #;
		background:white;
	}

	li {
		position:relative;
		padding:1px;
		padding-right:0px;

	}
		li.folder	{ background:url("images/itemlist.gif") no-repeat; }		
		li.folder ul {
			position:absolute;
			left:20px; /* IE */
			top:5px;
		}		
			li.folder>ul { left:140px; }
 /* others */

	a {
		padding:0px;
		border:0px solid white;
		text-decoration:none;
		color:gray;
		width:100%; 
/* IE */
	}
		li>a { width:auto; } /* others */

	li a.submenu {
		background:url("images/sub.gif") right no-repeat;
	}

	
	/* hovers with specificity */
	
	li.folder:hover { z-index:10; }		
		
	ul ul, li:hover ul ul {
		display:none;
	}

	li:hover ul, li:hover li:hover ul {
		display:block;
	}		


	</style>

</head>

<body>

	<ul id="menu">
		<li><a href="board.php?boardid=327"> <img src="images/startseite.jpg" onmouseover="src='images/m-startseite.jpg'" onmouseout="src='images/startseite.jpg'" border=0> </a>	
    <a href="board.php?boardid=328"> <img src="images/diss.jpg" onmouseover="src='images/m-diss.jpg'" onmouseout="src='images/diss.jpg'" border=0></a>	</li>
		<li class="folder">			
			<a href="board.php?boardid=331" class="submenu"> <img src="images/pc-bereich.jpg" onmouseover="src='images/m-pc-bereich.jpg'" onmouseout="src='images/pc-bereich.jpg'" border=0> </a>
			<ul>
				<li><a href="board.php?boardid=332"> <img src="images/editing.jpg" onmouseover="src='images/m-editing.jpg'" onmouseout="src='images/editing.jpg'" border=0> </a>
					<a href="board.php?boardid=339"> <img src="images/patches.jpg" onmouseover="src='images/m-patches.jpg'" onmouseout="src='images/patches.jpg'" border=0> </a>
            </li>
						<li>
            <a href="board.php?boardid=338"> <img src="images/help.jpg" onmouseover="src='images/m-help.jpg'" onmouseout="src='images/help.jpg'" border=0></a></li>

			</ul>
		</li>
		<li class="folder">
			<a href="board.php?boardid=342" class="submenu"> <img src="images/ps2-bereich.jpg" onmouseover="src='images/m-ps2-bereich.jpg'" onmouseout="src='images/ps2-bereich.jpg'" border=0></a>

			<ul>
				<li><a href="board.php?boardid=344"> <img src="images/ingame.jpg" onmouseover="src='images/m-ingame.jpg'" onmouseout="src='images/ingame.jpg'" border=0> </a></li>
				<li><a href="board.php?boardid=348"> <img src="images/patches.jpg" onmouseover="src='images/m-patches.jpg'" onmouseout="src='images/patches.jpg'" border=0> </a></li>
        <li><a href="board.php?boardid=343"> <img src="images/help.jpg" onmouseover="src='images/m-help.jpg'" onmouseout="src='images/help.jpg'" border=0> </a></li>
			</ul>
		</li>

		<li class="folder">
			<a href="board.php?boardid=354" class="submenu"> <img src="images/konsolen.jpg" onmouseover="src='images/m-konsolen.jpg'" onmouseout="src='images/konsolen.jpg'" border=0></a>

			<ul>
				<li><a href="board.php?boardid=356"> <img src="images/editing.jpg" onmouseover="src='images/m-editing.jpg'" onmouseout="src='images/editing.jpg'" border=0> </a></li>
				<li><a href="board.php?boardid=360"> <img src="images/patches.jpg" onmouseover="src='images/m-patches.jpg'" onmouseout="src='images/patches.jpg'" border=0> </a></li>
        <li><a href="board.php?boardid=355"> <img src="images/help.jpg" onmouseover="src='images/m-help.jpg'" onmouseout="src='images/help.jpg'" border=0> </a></li>
			</ul>
		</li>


</body>
</td>
</table>

<!-- Hier Navigation einfügen - Ende!-->

Was kann ich tun, damit sich das wieder ändert.

Zugegebener Maßen habe ich nicht sehr viel Ahnung von der Sache mit dem Menü, sondern hab mir das nur zusammengebastelt, bis es klappte!