[HTML] Problem mit Layout

Lillieth

Hallo,
Ich habe ein Problem mit meinem Div-Layout und zwar verschiebt sich der Hintergrund immer, wenn man den unteren Scrollbalken bewegt. Link

Ich hoffe mir kann jemand helfen und falls es so ein Thema schon gibt dann wäre es nett, wenn ihr auch den Link zu dem Thread angibt. Ich hab die Suche schon ebnutzt und auch Sachen gefunden, die allerdings nicht wirklich geholfen haben.

lg

Sonnenpferd

Könntest du vll. mal bitte den Code hier reinstellen?

Lillieth

ja klar kann ich machen

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:
115:
116:
117:
118:


<html>

  <head>
   <title>...</title>
  </head>

  <body>


   <div style="position: absolute; left: 0px; top: 0px;">

   <img src="http://www.oyla16.de/userdaten/80320733/bilder/one_look_back.jpg"border="0"> 

   </div>


   <div style="position: absolute; left: 22px; top: 418px; width: 428;">

   <font face="Arial">

   <font size=1>

   <font color=white>









   </font>

   </div>







   <body style="background-image:url(http://www.oyla16.de/userdaten/80320733/bilder/one_look_back_.jpg)">

   <div style"position: absolute; left: 501px; top: 473px; width: 123px;">



   <STYLE type=text/css>
   
   body
   { background-image: url(''); background-attachment: fixed}

   a:link { font-weight:bold; color:#ffffff; text-decoration:none }

   a:visited { font weight:bold; color#ffffff; text-decoration:none }

   a:hover { font weight:bold; color:#808080; text-decoration:none }

   a:active { font-weight:bold; color:#ffffff; text-decoration:none }
  
   a:focus { font-weight:bold; color:#ffffff; text-decoration:none }

   <p align="center"><!--webbot bot="HTMLMarkup" startspan --->
   
   <style>

  <!--

  a{text-decoration:none}

  //-->

  </style>




  <br>
  <br>

  <font size=1,5>
  <font face="Arial">
                                                                                                     

  <a class=navi href=index.html alt= target=_top>Home</font></a> <br>

  <font size=1,5>
  <font face="Arial">

  <a class=navi href=seite1.html alt= target=_top>Credits</font></a><br><br>

  <font size=1,5>
  <font face="Arial">

  <a class=navi href=seite2.html alt= target=_top>...Link</font></a><br>

  <font size=1,5>
  <font face="Arial">

  <a class=navi href=seite3.html alt= target=_top>...Link</font></a><br>

  <font size=1,5>
  <font face="Arial">

  <a class=navi href=seite4.html alt= target=_top>...Link</font></a><br>


  </div>


 </body>

</html>

Sonnenpferd

So, dein Code war ganz schön durcheinander
Jetzt müsste es gehen ^^

Du hattest den Background fixiert, also das abgeschnittene Teil
und dadurch hatte es sich halt mitbewegt.

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:

   <html>

   <head>
   <title>...</title>
   
   <STYLE type=text/css>
   
   body
   { background-image: url('');
   a:link { font-weight:bold; color:#ffffff; text-decoration:none }
   a:visited { font weight:bold; color#ffffff; text-decoration:none }
   a:hover { font weight:bold; color:#808080; text-decoration:none }
   a:active { font-weight:bold; color:#ffffff; text-decoration:none }
   a:focus { font-weight:bold; color:#ffffff; text-decoration:none }
   
   <!--
   a{text-decoration:none}
   //-->
   
   </style>
   </head>
   
   <body style="background-image:url(http://www.oyla16.de/userdaten/80320733/bilder/one_look_back_.jpg)">
   
   <div style="position: absolute; left: 0px; top: 0px;">
   <img src="http://www.oyla16.de/userdaten/80320733/bilder/one_look_back.jpg" border="0"> 
   </div>
   
   <div style="position: absolute; left: 22px; top: 418px; width: 428;">
   <font face="Arial" size="1" color="white"></font>
   </div>
   
   <div style"position: absolute; left: 501px; top: 473px; width: 123px;">
   <br>
   <br>
   <font size=1,5>
   <font face="Arial">
   
   <a class=navi href=index.html alt= target=_top>Home</font></a> <br>
   <font size="1,5" face="Arial">
   
   <a class=navi href=seite1.html alt= target=_top>Credits</font></a><br><br>
   
   <font size="1,5" face="Arial">
   
   <a class=navi href=seite2.html alt= target=_top>...Link</font></a><br>
   
   <font size="1,5" face="Arial">
   
   <a class=navi href=seite3.html alt= target=_top>...Link</font></a><br>
   
   <font size="1,5" face="Arial">>
   
   <a class=navi href=seite4.html alt= target=_top>...Link</font></a><br>
   </div>
   
   </body>
   
   </html>

Lillieth

Daaankeee *keks geb* fröhlich

jetzt funktionierts endlich ^^
Ja kann schon sein das mein Code etwas durcheinander war ^^ bin noch Änfänger im Coden und muss mich da erst ein wenig zurechtfinden Augenzwinkern

Sonnenpferd

Ist doch ok.
War keine große Sache smile

*keks mampf*

Forensoftware: Burning Board, entwickelt von WoltLab GmbH