nicht angemeldet
background-image & Layer ?
hi
Mein Problem ist das folgende, ich habe in meiner HTML Seite
eine background Grafik ueber css eingebunden !
-------------
body {
background-image: url(bilder/fireworks.jpg);
background-repeat: no-repeat;
; background-position: center top }
-------------
dann habe ich einen layer definiertund eingebunden:
--------
#divContainer {LEFT: 235px; VISIBILITY:visible; OVERFLOW: hidden; WIDTH:535px; CLIP: rect(0px 535px 21px 0px); position:relative; TOP: 111px; HEIGHT: 21px;}
#divContent {LEFT: 0px; position:relative; TOP: 0px}
--------
doch nun mein Problem
das background bild ,rutscht bei Aufloesungsaenderung und browserfenster verkleinerung unter meinem layer durch bzw der layer
ist nicht wirklich "relative" positioniert ?! der ist immer an der selben Position !!! warum ?
bin fuer jede hilfe dankbar mfg madstop
-
hi,
der layer
ist nicht wirklich "relative" positioniert ?! der ist immer an der selben Position !!! warum ?#divContainer enthält überhaupt keinen angabe für die css-eigenschaft position.
gruss,
wahsaga-
hi
wahsaga danke erstmal ,aber
#divContainer enthaelt doch eine
"css-eigenschaft position" und zwar position:relative;!!mfg madstop
-
Hallo
hi
wahsaga danke erstmal ,aber
#divContainer enthaelt doch eine
"css-eigenschaft position" und zwar position:relative;!!http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm#background_position
MfG
André
--
ss:{ zu:} ls:? fo:| de:] va:) ch:] sh:) n4:{ rl:( br:^ js:| ie:| fl:) mo:}-
hi andrè
danke fuer den link das klappt ja soweit auch, aber mein layer hat glaube ich keine orientierung auf dem background bild
das background bild ist mitbackground-position: center top
positioniert, und wenn ich den browser kleiner mache oder die aufloesung runter stelle dann wird das bild automatisch links oben ausgerichtet(das sollt auch so sein)!aber mein layer ist immer noch an seiner definierten position !!?
wie kann ich ihm sagen woran er sich orientierne soll habe ja auch schon hier im forum gelesen das sich die position des layer am ersten element orientiert und ansonsten am body !mfg madstop
-
hi andrè,
danke ich habs glaube ich :).
mfg madstop
-
HI,
ich habe gerstern schon mal gefragt und dachte ich haette es gehabt aber .. war s doch noch nicht so ganz :(
mein "background bild rutscht immer unter dem layer durch" wenn mann das browserfenter kleiner macht oder die aufloesung von 1024x768 auf 800x600 umstellt warum wiso passt es sich bei position relative nicht dem body an (weil ja erstes element)?
vieleicht kann sich ja mal jemand den quelltext anschaun ?bitte
quelltext is ja auch nich so lang ! ist ein background bild mit css im body eingebunden und darueber ein layer !
<html>
<head>
<style type="text/css">
<!--
body {
background-image: url(bilder/fireworks.jpg);
background-repeat: no-repeat;
background-position: center top;
}
-->
</style>
<style type="text/css">
<!--
#divContainer {LEFT: 305px; position:relative; VISIBILITY:visible; OVERFLOW: hidden; WIDTH:535px; CLIP: rect(0px 305px 21px 0px);TOP: 137px; HEIGHT: 21px;}
#divContent {LEFT: 0px; position:relative; TOP: 0px}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="divContainer">
<div id="divContent">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><a href="#"onMouseOver="Bildwechsel(0,Highlight1)"onMouseOut="Bildwechsel(0,Normal1)" ><img src="bilder/knews.jpg" alt="news" width="89" height="18" border="0" usemap="#Map"></a><br>
</td>
</tr>
</table>
</div>
</div>
</body>
</html>-
Hi,
ich habe gerstern schon mal gefragt und dachte ich haette es gehabt aber .. war s doch noch nicht so ganz :(
mein "background bild rutscht immer unter dem layer durch" wenn mann das browserfenter kleiner macht oder die aufloesung von 1024x768 auf 800x600 umstellt warum wiso passt es sich bei position relative nicht dem body an (weil ja erstes element)?Bei position:relative wird das Element wie folgt positioniert:
zunächst wird das Element so positioniert wie es ohne Positionsangaben wäre.
Und dann wird es um die bei top/left usw. genannten Werte verschoben.Was body damit zu tun haben soll, ist mir nicht so ganz klar. Und inwiefern body das erste Element sein soll, auch nicht.
Das erste Element eines HTML-Dokuments ist das html-Element.
Und selbst im HTML-Element ist body das zweite Element (weil immer das head-Element zuerst kommt.body {
background-image: url(bilder/fireworks.jpg);
background-repeat: no-repeat;
background-position: center top;Dein Hintergrund soll also immer oben in der Mitte sein. Je nach Fenstergröße sind also die Koordinaten unterschiedlich, da sich die Mitte verschiebt.
Wenn Dein Hintergrundbild an fixen Koordinaten stehen soll, dann gib fixe Koordinaten an.#divContainer {LEFT: 305px; position:relative; VISIBILITY:visible; OVERFLOW: hidden; WIDTH:535px; CLIP: rect(0px 305px 21px 0px);TOP: 137px; HEIGHT: 21px;}
Die Koordinaten Deines div sind immer die selben.
cu,
Andreas--
Der Optimist: Das Glas ist halbvoll. - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/
-
-
-
-
-
hi,
aber #divContainer enthaelt doch eine
"css-eigenschaft position" und zwar position:relative;!!ups, ja, habe ich übersehen.
gruss,
wahsaga
-
-