Gegen Bilderklau - Das Original | Druckvorschau: Ich seh alles richtig und ein anderer Falsch

Geschrieben von BabyHanah am 28.07.2010 um 13:41:

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:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>Deckstation Nevada</title>
  <style type="text/css">
<!--
body { 
scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#b3bc92; scrollbar-base-color:#b3bc92;
scrollbar-darkshadow-color:#b3bc92;
scrollbar-face-color:#b3bc92;
scrollbar-shadow-color:#b3bc92;
background-image: url("http://dsnevada.bplaced.de/design.png");
background-position: top left;
background-repeat: no-repeat;
background-attachment: fixed;
background-color:#ffffff; 
}
-->
  </style>
</head>

<body>

<div style="position: absolute; width: 1px; left: 250px; top: 260px; height: 1px;">

	<iframe name="main" src="http://dsnevada.bplaced.de/wilkommen.html" align="top right" frameborder="0" height="440" scrolling="auto" width="550"> 
	</iframe>
</div>

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

	<iframe name="menu" src="http://dsnevada.bplaced.de/menu.html" align="top right" frameborder="0" height="220" scrolling="auto" width="163">
	</iframe>
</div>

<div style="left: 70px; top: 540px; position: absolute;">
	
	<iframe name="untermenu" src="http://dsnevada.bplaced.de/untermenu.html" align="top right" frameborder="0" height="210" scrolling="auto" width="162">
	</iframe>
</div>
</div>

<div style="left: 55px; top: 60px; position: absolute;">
	
	<iframe name="foto" src="http://dsnevada.bplaced.de/foto.html" align="top right" frameborder="0" height="130" scrolling="auto" width="130">
	</iframe>
</div>
</body>
</html>

Geschrieben von .Dori am 28.07.2010 um 15:00:

Warum das bei dir anders angezeigt wird, kann ich mir auch nicht erklären.
So wie im Screen ist es laut Quellcode aber richtig.

Du hast beim Main nämlich nur 550px als weite angegeben und die werden auch angezeigt. Wenn du die 550 durch 735 px ersetzt, ist alles richtig.

Geschrieben von callous. am 28.07.2010 um 15:53:

Bei mir wirds auch falsch angezeigt.

In Zeile 43 muss das </div> weg. Ist das einzige, was ich gefunden hab.

@Ai Haibara: Ich denke nicht, dass das Problem bei der Breite liegt, sonder eher dass die Frames mit der Scrollbar ganz rechts hoch und runter geschieben werden können (normalerweise ist ja in jedem Frame eine eigene Scrollbar) Augenzwinkern

Geschrieben von *Anja am 28.07.2010 um 16:18:

Ich hab das gleiche Problem und mir wurde ans Herz gelegt, PHP zu lernen und das damit zu coden. Damit ich ich aber im Moment etwas überfordert. Kann mir jemand sagen, was falsch ist? Das ganze vielleicht per PN (also auch den Code), ich möcht hier ins laufende Thema nicht zu arg dazwischen funken.

Bei jemandem mit größerem Bildschirm, wird es falsch angezeigt, bei meinem ist es richtig.
Screen im Anhang ist von Jenny (Tinkerfan)

Geschrieben von Oli am 28.07.2010 um 17:05:

Hi,

die Unterschiede zwischen euren beiden Computern liegen wohl in der Monitorgröße. Dadurch, dass das komplette Design auf dem einen drauf passt, sieht die Seite richtig aus. Auf dem anderen ist der Seiteninhalt größer als der Monitor, daher erscheint ein Scrollbalken (für die "Gesamtseite").

Nimm das

code:
1:	background-attachment: fixed;

aus dem CSS (body) raus, dann sollte das Ergebnis wie gewünscht aussehen. Dieser Code bewirkt nämlich, dass der Seiteninhalt ohne den Hintergrund gescrollt wird, was hier wohl eher unerwünschte Nebeneffekte erzeugt.

LG,
Oli

Geschrieben von BabyHanah am 28.07.2010 um 17:28:

Okay

Geschrieben von .Dori am 28.07.2010 um 19:04:

Zitat:

Original von fabbily

@Ai Haibara: Ich denke nicht, dass das Problem bei der Breite liegt, sonder eher dass die Frames mit der Scrollbar ganz rechts hoch und runter geschieben werden können (normalerweise ist ja in jedem Frame eine eigene Scrollbar) Augenzwinkern

Ich habs ausprobiert und ausgemessen. Nachdem ich die Kleinigkeit im code ausgebssert hatte, funktionierte alles richtig.

Geschrieben von BabyHanah am 28.07.2010 um 19:39:

hat sich erledigt Augenzwinkern

Ich hab nen Neues Design und so ..

Geschrieben von *Anja am 06.08.2010 um 15:03:

Zitat:

Original von Gewürz-Gurqe
Ich hab das gleiche Problem und mir wurde ans Herz gelegt, PHP zu lernen und das damit zu coden. Damit ich ich aber im Moment etwas überfordert. Kann mir jemand sagen, was falsch ist? Das ganze vielleicht per PN (also auch den Code), ich möcht hier ins laufende Thema nicht zu arg dazwischen funken.

Bei jemandem mit größerem Bildschirm, wird es falsch angezeigt, bei meinem ist es richtig.
Screen im Anhang ist von Jenny (Tinkerfan)

Problem besteht immer noch.
Für die jenigen mit großem Bildschirm:
www.anja-fieberg.de

Geschrieben von sina91 am 06.08.2010 um 17:36:

Irgendwie kann ich mir nicht vorstellen, warum es falsch angezeigt wird, ist das nicht als ganz normales I-Frame zu coden?
Wäre hilfreich, wenn man den Code hätte Augenzwinkern

Geschrieben von *Anja am 06.08.2010 um 17:37:

Zitat:

<html>
<head>
<title>Anja Fieberg Fotografie</title>
<style>
body {
background-color: #CACACA;
}
#table {
width: 900px;
background-image: transparent;
body { background-image:url(http://www.abload.de/img/imagemaphg2lzcg.png); }
background-position: center top;
background-repeat: no-repeat;
padding-left:0px;
margin-left: auto;
margin-right: auto;
height: 472px;
}
#intable {
width: 815px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>
<body background="http://www.abload.de/img/bodybgzssf.png">
<div align="center" id="table">
<div id="intable">

<map name="design">

<area shape="rect" coords="8,0,123,37"
href="http://anjafieberg.bplaced.net/Textseiten/Startseite.html" target="main" alt="Startseite" title="Startseite">
</area>

<area shape="rect" coords="135,0,250,37"
href="http://anjafieberg.bplaced.net/Textseiten/Fotografin.html" target="main" alt="Fotografin" title="Fotografin">

<area target="main" shape="rect" coords="262,0,377,37"
href="http://anjafieberg.bplaced.net/Textseiten/Galerie.html" alt="Galerie" title="Galerie">

<area target="main" shape="rect" coords="389,0,504,37"
href="http://anjafieberg.bplaced.net/Textseiten/Angebot.html" alt="Angebot" title="Angebot">

<area target="main" shape="rect" coords="516,0,631,37"
href="http://anjafieberg.bplaced.net/Textseiten/formular.html" alt="Links" title="Links">

<area target="main" shape="rect" coords="607,475,695,493"
href="http://www.onlinewebservice6.de/gastbuch.php?id=148806" alt="Gästebuch" title="Gästebuch">

<area target="main" shape="rect" coords="714,475,802,493"
href="http://anjafieberg.bplaced.net/Textseiten/Impressum.html" alt="Impressum" title="Impressum">

<img src="http://www.abload.de/img/imagemaphg2lzcg.png" usemap="#design" border=0>

<div id=main style="position: absolute; center; top: 53px; scrolling="no";">
<div align="center">
<iframe src="http://anjafieberg.bplaced.de/main.html" name="main" allowtransparency=true frameborder="0" style=FILTER: chroma (color=#ffffff) height="427" width="640"></iframe></div></div>

</div>
</map>
</body>
</html>

Geschrieben von sina91 am 06.08.2010 um 17:45:

Hab einfach mal meinen Code genommen und Teile deines Codes dort eingefügt. Funktioniert es so? Ich habe es jetzt nicht ausprobiert. Der Abstand links ist geschätzt, musst du sonst nochmal abmessen, ich bin schlecht im schätzen^^

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:

 
<html>
<head>
<title>Anja Fieberg Fotografie</title>
<style>
body {
background-color: #CACACA;
}
#table {
width: 900px;
background-image: transparent;
body { background-image:url(http://www.abload.de/img/imagemaphg2lzcg.png); }
background-position: center top;
background-repeat: no-repeat;
padding-left:0px;
margin-left: auto;
margin-right: auto;
height: 472px;
}
#intable {
width: 815px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" scroll="no"
style="background-image:url(http://www.abload.de/img/bodybgzssf.png); background-repeat:no-repeat>



<img src="design.jpg" width="1024" height="602" border="0" alt="" usemap="#sarinental_Map">
<map name="design">
<area shape="rect" coords="8,0,123,37"
href="http://anjafieberg.bplaced.net/Textseiten/Startseite.html" target="main" alt="Startseite" title="Startseite">
</area>

<area shape="rect" coords="135,0,250,37"
href="http://anjafieberg.bplaced.net/Textseiten/Fotografin.html" target="main" alt="Fotografin" title="Fotografin">

<area target="main" shape="rect" coords="262,0,377,37"
href="http://anjafieberg.bplaced.net/Textseiten/Galerie.html" alt="Galerie" title="Galerie">

<area target="main" shape="rect" coords="389,0,504,37"
href="http://anjafieberg.bplaced.net/Textseiten/Angebot.html" alt="Angebot" title="Angebot">

<area target="main" shape="rect" coords="516,0,631,37"
href="http://anjafieberg.bplaced.net/Textseiten/formular.html" alt="Links" title="Links">

<area target="main" shape="rect" coords="607,475,695,493"
href="http://www.onlinewebservice6.de/gastbuch.php?id=148806" alt="Gästebuch" title="Gästebuch">

<area target="main" shape="rect" coords="714,475,802,493"
href="http://anjafieberg.bplaced.net/Textseiten/Impressum.html" alt="Impressum" title="Impressum">

</map>

<div id="main" style="position: absolute; left: 45px; top: 53px;">
  <iframe src="http://anjafieberg.bplaced.de/main.html" name="main" width="640" height="427" frameborder="0" scrolling="auto" noresize style="border: 0px"  ;></iframe>
</div>


</html>

Geschrieben von *Anja am 06.08.2010 um 17:52:

Ich seh jetzt nur grau? :/

Geschrieben von sina91 am 06.08.2010 um 18:11:

Mh, geht es so? (:

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:

 
<html>
<head>
<title>Anja Fieberg Fotografie</title>
<style>
body {
background-color: #CACACA;
}
#table {
width: 900px;
background-image: transparent;
background-position: center top;
background-repeat: no-repeat;
padding-left:0px;
margin-left: auto;
margin-right: auto;
height: 472px;
}
#intable {
width: 815px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>


<img src="http://img8.abload.de/img/imagemaphg2lzcg.png" width="1024" height="602" border="0" alt="" usemap="#design">
<map name="design">
<area shape="rect" coords="8,0,123,37"
href="http://anjafieberg.bplaced.net/Textseiten/Startseite.html" target="main" alt="Startseite" title="Startseite">
</area>

<area shape="rect" coords="135,0,250,37"
href="http://anjafieberg.bplaced.net/Textseiten/Fotografin.html" target="main" alt="Fotografin" title="Fotografin">

<area target="main" shape="rect" coords="262,0,377,37"
href="http://anjafieberg.bplaced.net/Textseiten/Galerie.html" alt="Galerie" title="Galerie">

<area target="main" shape="rect" coords="389,0,504,37"
href="http://anjafieberg.bplaced.net/Textseiten/Angebot.html" alt="Angebot" title="Angebot">

<area target="main" shape="rect" coords="516,0,631,37"
href="http://anjafieberg.bplaced.net/Textseiten/formular.html" alt="Links" title="Links">

<area target="main" shape="rect" coords="607,475,695,493"
href="http://www.onlinewebservice6.de/gastbuch.php?id=148806" alt="Gästebuch" title="Gästebuch">

<area target="main" shape="rect" coords="714,475,802,493"
href="http://anjafieberg.bplaced.net/Textseiten/Impressum.html" alt="Impressum" title="Impressum">

</map>

<div id="main" style="position: absolute; left: 45px; top: 53px;">
  <iframe src="http://anjafieberg.bplaced.de/main.html" name="main" width="640" height="427" frameborder="0" scrolling="auto" noresize style="border: 0px"  ;></iframe>
</div>


</html>

Geschrieben von *Anja am 06.08.2010 um 21:21:

Leider auch nicht. Total verpixelt (aslo das Design) und nicht mittig

Geschrieben von sina91 am 07.08.2010 um 11:57:

So, nun aber, jetzt müsste es eigentlich klappen^^

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:

<html>
<head>
<title>Anja Fieberg Fotografie</title>
<style>
body {
background-color: #CACACA;
}
#table {
width: 900px;
background-image: transparent;
background-position: center top;
background-repeat: no-repeat;
padding-left:0px;
margin-left: auto;
margin-right: auto;
height: 472px;
}
#intable {
width: 815px;
margin-left: auto;
margin-right: auto;
}
</style>
</head>


<img src="http://img8.abload.de/img/imagemaphg2lzcg.png" width="815" height="500" border="0" alt="" usemap="#design">
<map name="design">
<area shape="rect" coords="8,0,123,37"
href="http://anjafieberg.bplaced.net/Textseiten/Startseite.html" target="main" alt="Startseite" title="Startseite">
</area>

<area shape="rect" coords="135,0,250,37"
href="http://anjafieberg.bplaced.net/Textseiten/Fotografin.html" target="main" alt="Fotografin" title="Fotografin">

<area target="main" shape="rect" coords="262,0,377,37"
href="http://anjafieberg.bplaced.net/Textseiten/Galerie.html" alt="Galerie" title="Galerie">

<area target="main" shape="rect" coords="389,0,504,37"
href="http://anjafieberg.bplaced.net/Textseiten/Angebot.html" alt="Angebot" title="Angebot">

<area target="main" shape="rect" coords="516,0,631,37"
href="http://anjafieberg.bplaced.net/Textseiten/formular.html" alt="Links" title="Links">

<area target="main" shape="rect" coords="607,475,695,493"
href="http://www.onlinewebservice6.de/gastbuch.php?id=148806" alt="Gästebuch" title="Gästebuch">

<area target="main" shape="rect" coords="714,475,802,493"
href="http://anjafieberg.bplaced.net/Textseiten/Impressum.html" alt="Impressum" title="Impressum">

</map>

<div id="main" style="position: absolute; left: 10px; top: 60px;">
  <iframe src="http://anjafieberg.bplaced.de/main.html" name="main" width="640" height="427" frameborder="0" scrolling="auto" noresize style="border: 0px"  ;></iframe>
</div>


</html>