pcdfan
Heey.
Ich überarbeite gerade wieder meine Homepage, habe dafür extra ein neues Layour angefertigt & jetzt will es nicht angezeigt werden.
Mein Layout-Code ist folgender:
| 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:
|
<html>
<head>
<title>People And Pictures</title>
<style type="text/css">
<!--
body { scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#92d648;
scrollbar-base-color:#92d648;
scrollbar-darkshadow-color:#92d648;
scrollbar-face-color:#92d648;
scrollbar-shadow-color:#92d648;
background-image:url("http://peoplepictures.piranho.de/hintergrund.jpg");
background-position: top right;
background-repeat: repeat;
background-color:<img src="http://peoplepictures.piranho.de/PapFotografieSummer10 copy.png">; }
-->
</style>
</head>
<body>
<div style="left: 81px; top: 234px; position: absolute;">
<iframe name="main" width="758px" height="458px" src="http://peoplepictures.piranho.de/test_main01.html" frameborder="0" scrolling="auto" align="top right" style="Filter: chroma (color=#ffffff)" ;> </iframe> </div>
<div style="left: 851px; top: 449px; position: absolute; ">
<iframe name="menu" width="230px" height="229px" src="http://peoplepictures.piranho.de/MenuNovember09_01.html" frameborder="0" scrolling="auto" align="top right" style="Filter: chroma (color=#ffffff)" ;> </iframe> </div>
<div style="left: 851px; top: 276px; position: absolute; ">
<iframe name="news" width="230px" height="159px" src="http://peoplepictures.piranho.de/MenuNovember09_01.html" frameborder="0" scrolling="auto" align="top right" style="Filter: chroma (color=#ffffff)" ;> </iframe> </div>
</div>
</body>
</html>
|
|
Das Bild des Layouts ist eben unter
diesem Link zu erreichen.
McLissy
der Body-teil muss so aussehen:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
|
<!--
body { scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#92d648;
scrollbar-base-color:#92d648;
scrollbar-darkshadow-color:#92d648;
scrollbar-face-color:#92d648;
scrollbar-shadow-color:#92d648;
background-image:url("http://peoplepictures.piranho.de/PapFotografieSummer10 copy.png");
background-position: top left;
background-color: #D3D3D3;
}
--> |
|
Und es heißt "
sichtbar"!
Daria
Dein Code irritiert mich ehrlich gesagt ein wenig, weil ich nicht ganz genau weiß, was du mit den beiden Bildern willst, aber so grob wäre bei mir jetzt das rausgekommen:
| 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:
|
<html>
<head>
<title>People And Pictures</title>
<style type="text/css">
body { scrollbar-highlight-color:#ffffff;
scrollbar-arrow-color:#ffffff;
scrollbar-3dlight-color:#92d648;
scrollbar-base-color:#92d648;
scrollbar-darkshadow-color:#92d648;
scrollbar-face-color:#92d648;
scrollbar-shadow-color:#92d648;
background-image:url(http://peoplepictures.piranho.de/PapFotografieSummer10_copy.png);
background-position: top right;
background-repeat: repeat;}
</style>
</head>
<body>
<div style="left: 81px; top: 234px; position: absolute;">
<iframe name="main"
src="http://peoplepictures.piranho.de/test_main01.html" style=""
;="" align="top right" frameborder="0"
height="458" scrolling="auto" width="758"> </iframe></div>
<div style="left: 851px; top: 449px; position: absolute;">
<iframe name="menu"
src="http://peoplepictures.piranho.de/MenuNovember09_01.html"
style="" ;="" align="top right" frameborder="0"
height="229" scrolling="auto" width="230"> </iframe></div>
<div style="left: 851px; top: 276px; position: absolute;">
<iframe name="news"
src="http://peoplepictures.piranho.de/MenuNovember09_01.html"
style="" ;="" align="top right" frameborder="0"
height="159" scrolling="auto" width="230"> </iframe></div>
</body>
</html>
|
|
Dabei wusste ich allerdings nicht so recht, was du mit dem hintergrund.jpg Bild anfangen möchtest. Da es eine einfache Farbe ist... kann man das ohne Bild eigentlich leichter umsetzen.
pcdfan
Das Bild habe ich jetzt fixiert, jedoch will das Gesamtlayout nur in Safari richtig funktionieren.
Daria
Du hättest auch einfach:
| code: |
1:
|
background-repeat: no-repeat; |
|
angeben können
Hast du es hochgeladen?
Vielleicht wäre es einfach leichter, wenn man es ganz normal in den Body einbindet, das Design, als es oben im Headerteil.
Ich habe meine immer so eingebaut, aber ich weiß ja nicht, ob du dadurch etwas erreiche willst, was anders nicht geht xD
pcdfan
wäre nett, wenn ihr noch helfen würdet /=
Oli
Hi,
kleiner Browserinkompatiblitätsfehler. Safari stellt das Bild automatisch von oben an dar, Firefox zentriert, wenn keine Angabe. Im CSS muss also auch noch die Vertikalausrichtung angegeben werden:
| code: |
1:
|
background-position: top left; |
|
LG,
Oli
pcdfan
Ooooh, wirklich vielen lieben Dank!
Es funktioniert jetzt.
Ich hätte nur noch eine Frage, die nett wäre, wenn sie mir jemand beantworten könnte, jedoch nicht dermaßen wichtig ist.
Wie könnte ich den Scrollbalken im Main entfernen? <: Die Tutorials, die es hier gibt zu dem Thema, verstehe ich nicht /=