[HTML] Ich seh alles richtig und ein anderer Falsch

BabyHanah

Ich und Paty Pu wollten grad testen,ob das Design richtig gecodet ist. Wir ahben beide Mozilla Firefox. Nur bei mir ist alles richtig gecodet und bei ihr nicht. Screen im Anhang.
( http://dsnevada.bplaced.de/index2.html)

BabyHanah

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>

.Dori

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.

callous.

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

*Anja

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)

Oli

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

BabyHanah

Okay

.Dori

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.

BabyHanah

hat sich erledigt Augenzwinkern

Ich hab nen Neues Design und so ..

*Anja

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

sina91

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

*Anja

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>

sina91

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>

*Anja

Ich seh jetzt nur grau? :/

sina91

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>

*Anja

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

sina91

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>

*Anja

Klappt

Zumindest wird bei mir fast alles wieder richtig angezeigt. Ist nur nicht zentriert. Danke smile

Ich werd einfach wieder jemand mit widescreen aufsuchen, der mir sagt, ob es richtig ist.

Forensoftware: Burning Board, entwickelt von WoltLab GmbH