nicht angemeldet
Positionierung mit absolute/fixed
Hallo liebe Helfer...
ich habe ein Problem mit der Positionierung einer Grafik. Obwohl ich das Bild mit top:0px und left:0px eingestellt habe, erscheint es bei Positionierung mit "fixed" ca 15 Pixel von links und in der Höhe etwa mittig. Bei der Einstellung "absolute" steht sie wie gewollt oben links in der Ecke, nur leider wird sie dann gescrollt...
Auf Frames kann ich leider nicht zugreifen. Irgendeine Idee?
Xeno
-
Hi
ich habe ein Problem mit der Positionierung einer Grafik. [...]
URL? HTML-Code?
Auf Frames kann ich leider nicht zugreifen.
Das ist ja schon mal gut!
chlori
-
URL gibt es nicht...code sieht so aus:
<body bgcolor="#FFFFFF" onLoad="dingsbums(5,292)">
<div style="position:absolute; left:50px; top:150px; border="0">
<img src="data/nocheinbild.gif" width="115" height="26" border="0">
</div><div style="position:fixed; left:0px; top:0px;">
<img src="data/weiss.gif" width="900" height="130" border=0">
</div><div style="position:fixed; left:0px; top:10px;">
<img src="data/GRAFIK.gif" width="91" height="118" border=0">
</div></body>
Auf dem Mac mit IE 5 funktioniert alles wie es soll, nur auf PC's sitzt die Grafik eben total verkehrt
-
<body bgcolor="#FFFFFF" onLoad="dingsbums(5,292)">
<div style="position:absolute; left:50px; top:150px; border="0">
<img src="data/nocheinbild.gif" width="115" height="26" border="0">
</div>Warum mischt du CSS mit HTML Attributen?
z.b Hintergrund des dokumentes:
body
{
background-color:#fff;
}das gleiche gilt für den Rahmen.
<div style="position:fixed; left:0px; top:0px;">
<img src="data/weiss.gif" width="900" height="130" border=0">
</div>Kann es sein das 'weiss.gif' lediglich ein weißer Pixel ist?
Struppi.
-
Warum mischt du CSS mit HTML Attributen?
warum nicht?
Kann es sein das 'weiss.gif' lediglich ein weißer Pixel ist?
kann schon sein ;-)
Xeno
-
Warum mischt du CSS mit HTML Attributen?
warum nicht?weil es unübersichtlich ist und du am Ende nicht mehr weisst was wo welchen Effekt hat. Weil es dank CSS möglich ist Inhalt und Design zu trennen, was einen Haufen Vorteile für dich hat.
Kann es sein das 'weiss.gif' lediglich ein weißer Pixel ist?
kann schon sein ;-)Schon mal an border gedacht?
Man kann einen Rahmen auch weiß machen und beliebig dick.Struppi.
-
-
-
Hi
<div style="position:absolute; left:50px; top:150px; border="0">
<img src="data/nocheinbild.gif" width="115" height="26" border="0">
</div>Warum nicht das style direkt ins <img>-Tag?
Also etwa so:
<img style="blah" src="" [...]>Oder im externen Stylesheet.
Für was die vielen <div>-Tags?
chlori
-
-
-
hi,
Obwohl ich das Bild mit top:0px und left:0px eingestellt habe, erscheint es bei Positionierung mit "fixed" ca 15 Pixel von links und in der Höhe etwa mittig.
in welchem browser hast du das getestet?
dass der IE fixed immer noch nicht beherrscht, ist dir bekannt?gruss,
wahsaga-
dass der IE fixed immer noch nicht beherrscht, ist dir bekannt
ups...dran wird's dann wohl liegen...
gibt es eine andere Möglichkeit die Grafik so zu positionieren wie ich das brauche ohne das ich frames benutzen muss?Xeno
-
hi,
gibt es eine andere Möglichkeit die Grafik so zu positionieren wie ich das brauche ohne das ich frames benutzen muss?
_wenn_ du wirklich glaubst, das zu "brauchen" [1], dann suche im </archiv/> oder google nach workarounds, die es erlauben position:fixed auch auf dem Win-IE zu simulieren.
gruss,
wahsaga[1] es ist oftmals nicht sinnvoll. mit einem feststehenden logo o.ä. wird wertvoller platz weggenommen, der sich viel besser zur darstellung der information auf der seite nutzen liesse.
wenn man sich von frames auf der technischen seite verabschieden möchte, sollte man auch gleich darüber nachdenken, ob man dies nicht auf der designerischen auch tun sollte. -
gibt es eine andere Möglichkeit die Grafik so zu positionieren wie ich das brauche ohne das ich frames benutzen muss?
Im Archiv müßte is AFAIK auch stehen, aber dennoch:
html, body {overflow:hidden; margin:0; padding:0;}
div#logo {position:absolute; left:0; top:0; z-index:2;}
div#inhalt {position:absolute; left:0; top:0; width:100%; height:100%; overflow:auto; z-index:1;}Gruß
C2H5OH -
Hi,
dass der IE fixed immer noch nicht beherrscht, ist dir bekannt
ups...dran wird's dann wohl liegen...
gibt es eine andere Möglichkeit die Grafik so zu positionieren wie ich das brauche ohne das ich frames benutzen muss?position:fixed z.B. wie schon im thread angedeutet durch ein scrollbares div:http://www.lipfert-malik.de/webdesign/tutorial/bsp/position-fixed.html
und m.E. weniger empfehlenswert per dhtml / expressions:http://www.lipfert-malik.de/webdesign/tutorial/bsp/positionfixed.htmlGruß
CurtB
-
-