Gegen Bilderklau - Das Original | Druckvorschau: Problem mit Layout

Geschrieben von Lillieth am 18.09.2007 um 15:23:

Problem mit Layout

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

Geschrieben von Sonnenpferd am 19.09.2007 um 14:11:

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

Geschrieben von Lillieth am 19.09.2007 um 15:34:

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>

Geschrieben von Sonnenpferd am 19.09.2007 um 17:50:

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>

Geschrieben von Lillieth am 19.09.2007 um 17:59:

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

Geschrieben von Sonnenpferd am 19.09.2007 um 18:02:

Ist doch ok.
War keine große Sache smile

*keks mampf*