brauche Lösung zum meinem Webdesign
Hallo,
ich habe ein ziemliches Problem:
ich möchte eine webseite mit 3 frames verwenden (oben, links-menü, und haputframe)
für diese 3 frames habe ich mir eine spezielle hintergrundgrafik erstellt,
diese grafik habe ich in drei teile, entsprechend den frames, zerschnitten und sie als hintergrundgrafiken zugewiesen
so weit so gut
wenn jetzt das browserfenster größer als die hintergrunggrafik ist, fängt ja die grafik wieder "von vorne an", da es ja an der rechten seite bzw. unten keine begrenzung gibt
kann mir jemand ne idee geben, wie ich dieses Problem umgehen kann?
ich grüble schon seit ewigkeiten...
mfg
Lars
ich habe ein ziemliches Problem:
ich möchte eine webseite mit 3 frames verwenden (oben, links-menü, und haputframe)
für diese 3 frames habe ich mir eine spezielle hintergrundgrafik erstellt,
diese grafik habe ich in drei teile, entsprechend den frames, zerschnitten und sie als hintergrundgrafiken zugewiesen
so weit so gut
wenn jetzt das browserfenster größer als die hintergrunggrafik ist, fängt ja die grafik wieder "von vorne an", da es ja an der rechten seite bzw. unten keine begrenzung gibt
kann mir jemand ne idee geben, wie ich dieses Problem umgehen kann?
ich grüble schon seit ewigkeiten...
mfg
Lars
22.03.2006 22:18
Hallo Lars,
das ist ganz einfach. Sprich: das kann sogar ich.
Die Grafik würde ich in einen div-Container setzen:
<div style="background-image:url(hintergrund.png); background-repeat:no-repeat">
</div>
Fertig.
das ist ganz einfach. Sprich: das kann sogar ich.
Die Grafik würde ich in einen div-Container setzen:
<div style="background-image:url(hintergrund.png); background-repeat:no-repeat">
</div>
Fertig.
headspicket u.a. mit Parolen
22.03.2006 22:46 | geändert: 22.03.2006 22:46
Der von eadrax genannte Code funktioniert auch mit dem body tag
Siehe auch: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image
<body style="background-image:url(hintergrund.png); background-repeat:no-repeat">Siehe auch: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image
23.03.2006 11:57
Hi, erstmal danke für deine Antwort,
das mit css hat soweit ganz gut geklappt, nur habe ich einmal einen rand nach oben und links, denn ich nicht haben möchte, anderer seits könnte ich ja damit leben, wenn ich da wenigstens noch ne hintergrundfarbe zuweisen könnt, klappt irgendwie nicht, hier mal mein entsprechender quelltext:
<style type="text/css">
#bg haupt {
background-repeat:no-repeat;
background-position:left top;
background-attachment: fixed;
background-color:#CBCDFE;
height:668px;
width:546px;
background-image: url(Bilder/hauptbild_oben.jpg);
left: 0px;
top: 0px;
margin-top: 0px;
margin-left: 0px;
}
</style></head>
<body>
<div id="bg haupt">
<div align="left"><img src="Bilder/hauptbild_haupt.jpg" width="546" height="668" hspace="0" vspace="0" border="0"></div>
</div>
für einen weiteren tipp wäre ich dankbar!
Lars
das mit css hat soweit ganz gut geklappt, nur habe ich einmal einen rand nach oben und links, denn ich nicht haben möchte, anderer seits könnte ich ja damit leben, wenn ich da wenigstens noch ne hintergrundfarbe zuweisen könnt, klappt irgendwie nicht, hier mal mein entsprechender quelltext:
<style type="text/css">
#bg haupt {
background-repeat:no-repeat;
background-position:left top;
background-attachment: fixed;
background-color:#CBCDFE;
height:668px;
width:546px;
background-image: url(Bilder/hauptbild_oben.jpg);
left: 0px;
top: 0px;
margin-top: 0px;
margin-left: 0px;
}
</style></head>
<body>
<div id="bg haupt">
<div align="left"><img src="Bilder/hauptbild_haupt.jpg" width="546" height="668" hspace="0" vspace="0" border="0"></div>
</div>
für einen weiteren tipp wäre ich dankbar!
Lars
27.03.2006 18:49
Probiere es mit
Wenn Du eine URL nennen könntest, wäre es einfacher das nachzuvollziehen.
body
{
background-color:#CBCDFE;
}Wenn Du eine URL nennen könntest, wäre es einfacher das nachzuvollziehen.
28.03.2006 10:19
kannst die seite unter
http://people.freenet.de/skyDriverX/
begutachten, habe allerdings den css sheet optimiert, und irgendwie
habe ich jetzt keinen rand mehr
<style type="text/css">
<!--
body {
background-color: #CBCDFE;
background-attachment: fixed;
background-repeat:no-repeat;
background-image: url(Bilder/haupt_oben.jpg);
}
-->
</style>
</head>
<body>
</body>
allerdings habe ich noch ein weiteres problem mit diesen frames, und zwar:
diese seite besitzt ja drei frames (ich möchte, dass wenn man im menü klickt, sich nicht die ganze webseite neu lädt), wenn ich jetzt das browserfenster kleiner mache, als die zusammenhängende grafik der drei frames, bekomme ich nur für den "haupt-frame" und den "menü-frame" einzel ein scrollbalken, was ja ziemlich blöd ist, ich hätte gerne einen scrollbalken, der für beide zuständig ist
ich habe es über einen umweg probiert, der leider nicht geklappt hat:
ich habe einfach die indexseite der bisherigen drei frames, in einer anderen frameseite mit zwei frames (oben ist eigentlich nix und im unteren frame halt die indexseite der bisherigen frames) zugewiesen, jetzt habe ich versucht halt nur einen scrollbalken für den unteren frame der "zwei-frame-seite",
bekomme aber dennoch nur einen scrollbalken für jeden einzelnen frame
ich hoffe dies hat einer verstanden
wenn mir da noch einer helfen könnt...
http://people.freenet.de/skyDriverX/
begutachten, habe allerdings den css sheet optimiert, und irgendwie
habe ich jetzt keinen rand mehr
<style type="text/css">
<!--
body {
background-color: #CBCDFE;
background-attachment: fixed;
background-repeat:no-repeat;
background-image: url(Bilder/haupt_oben.jpg);
}
-->
</style>
</head>
<body>
</body>
allerdings habe ich noch ein weiteres problem mit diesen frames, und zwar:
diese seite besitzt ja drei frames (ich möchte, dass wenn man im menü klickt, sich nicht die ganze webseite neu lädt), wenn ich jetzt das browserfenster kleiner mache, als die zusammenhängende grafik der drei frames, bekomme ich nur für den "haupt-frame" und den "menü-frame" einzel ein scrollbalken, was ja ziemlich blöd ist, ich hätte gerne einen scrollbalken, der für beide zuständig ist
ich habe es über einen umweg probiert, der leider nicht geklappt hat:
ich habe einfach die indexseite der bisherigen drei frames, in einer anderen frameseite mit zwei frames (oben ist eigentlich nix und im unteren frame halt die indexseite der bisherigen frames) zugewiesen, jetzt habe ich versucht halt nur einen scrollbalken für den unteren frame der "zwei-frame-seite",
bekomme aber dennoch nur einen scrollbalken für jeden einzelnen frame
ich hoffe dies hat einer verstanden
wenn mir da noch einer helfen könnt...
28.03.2006 19:56 | geändert: 28.03.2006 20:02
Am einfachsten lässt Du die Frames wegdiese seite besitzt ja drei frames (ich möchte, dass wenn man im menü klickt, sich nicht die ganze webseite neu lädt)
Ansonsten über Javascript:
http://de.selfhtml.org/javascript/beispiele/zweiframes.htm
Im Hinblick auf Suchmaschinentauglichkeit würde ich immer von Frames absehen.
Das würde die ganze Sache sehr stark vereinfachen
28.03.2006 22:35
Beitrag schreiben (als Gast)
Beim Verfassen des Beitrages bitte die Forenregeln beachten.
| Thema | Autor | Forum | Beiträge | Letzter Beitrag |
|---|---|---|---|---|
| Webdesigntools | knuffi23 | HTML, CSS | 2 | 11.10.2006 13:38 |
| Auflösung Homepage | herbstlaub1 | HTML, CSS | 8 | 05.06.2006 13:32 |