uepselon: Image in fester Position halten

SELF-Forum

Image in fester Position halten

uepselon Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

Ich möchte ein Bild immer genau 20 Pixel links und 20 Pixel oben vom Framerand darstellen, egal ob die Seite einen Scrollbar hat und z.B. nach ganz unten gescrollt wurde.
Ich hab das ganze schon mit <div style="position:fixed"> probiert, fixed wird jedoch von keinem Browser interpretiert.

Hat vielleicht jemand eine andere Lösung?

Gruß

Y

http://www.uepselon.com

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Image in fester Position halten

    Der Schwabe
    – Informationen zu den Bewertungsregeln

    hallo

    versuchs mal mit

    <div style="position:absolute; left:20px; top:20px; height:????px; width:???px; z-index:1;">
    </div>

    dann sollte es funzen

    einen schönen Tag
    mfg Der Schwabe

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Image in fester Position halten

      uepselon Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,

      Danke, aber des Image scrollt aber nach wie vor mit.

      Gruß

      Y

      http://www.uepselon.com

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Image in fester Position halten

    Stefan
    – Informationen zu den Bewertungsregeln

    Hi,

    klappt es nicht, wenn du das bild nimmst, so bearbeitest, dass du 20 pixel abstand hast (also 20pixel schwarzen oder weissen rand laesst) und dann mit den wasserzeicheneffekt wie in http://www.teamone.de/selfhtml/tdce.htm#a5 beschrieben vorgehst?

    bei mir ist das (kann mich erinnern*g* noch nicht allzulang her) schon richtig dargestellt worden, sogar in netscape.

    mfg
    stefan

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  3. Image in fester Position halten

    Erik Zorn Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Also das ist kein Problem, am besten mit einem CSS Befehl und zwar wie folgt:

    <p style="position:absolute; top:20px; left:20px;"><img src="logo.jpg"></p>

    Also das "position:absolute" muss da einfach hin und dann bei top:/left: einfach die Größe angeben in dem Fall dann 20px und dann das Bild ist ja klar.

    Ich denke mal so müsste es funktionieren

    Gruß Erik

    P.S.: Würde mich über eine Antwort freuen (ob es denn auch funktioniert hat)!

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Image in fester Position halten

      uepselon Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,

      Danke, aber das ganze Sollte nach Möglichkeit nicht mitscrollen.
      d.h. es sollte eben _fest_ an der selben stelle liegen.

      Gruß

      Y

      http://www.uepselon.com

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  4. Image in fester Position halten

    ole
    – Informationen zu den Bewertungsregeln

    hi y

    probiers hiermit:

    <HTML>
    <HEAD>

    <TITLE>BLABLABLA</title>

    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    function setVariables() {
    imgwidth=235;  // logo width, in pixels
    imgheight=19;  // logo height, in pixels
    if (navigator.appName == "Netscape") {
    horz=".left";
    vert=".top";
    docStyle="document.";
    styleDoc="";
    innerW="window.innerWidth";
    innerH="window.innerHeight";
    offsetX="window.pageXOffset";
    offsetY="window.pageYOffset";
    }
    else {
    horz=".pixelLeft";
    vert=".pixelTop";
    docStyle="";
    styleDoc=".style";
    innerW="document.body.clientWidth";
    innerH="document.body.clientHeight";
    offsetX="document.body.scrollLeft";
    offsetY="document.body.scrollTop";
       }
    }
    function checkLocation() {
    objectXY="branding";
    var availableX=eval(innerW);
    var availableY=eval(innerH);
    var currentX=eval(offsetX);
    var currentY=eval(offsetY);
    x=availableX-(imgwidth+30)+currentX;
    y=availableY-(imgheight+20)+currentY;
    evalMove();
    setTimeout("checkLocation()",10);
    }
    function evalMove() {
    eval(docStyle + objectXY + styleDoc + horz + "=" + x);
    eval(docStyle + objectXY + styleDoc + vert + "=" + y);
    }
    // End -->
    </SCRIPT>
    </HEAD>

    <BODY onload="setVariables(); checkLocation();">

    <div id="branding" style="position:absolute; visibility:show; left:235px; top:-50px; z-index:2">
    <table width=10 bgcolor=#ffffff><td>
    <a href="http://www.uepselon.com" onmouseover="window.status='Danke für den Besuch!';return true" onmouseout="window.status='';return true"><center><img src="uepselon.gif" width="235" height="19" border="0"></center></a></font></td>
    </table>
    </div>
    </body>
    </html>

    hoffe hab keine tipfehler drin *g*

    so long
    ole
    (8-)>

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Image in fester Position halten

      uepselon Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hi,

      Vielen Dank, das hat geklappt.

      Gruß

      Y

      http://www.uepselon.com

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  5. Image in fester Position halten

    Linksetzer IV
    – Informationen zu den Bewertungsregeln

    Hi!

    Was Du suchst heisst 'permanentes Banner'.

    http://www.google.de/search?q=permanentes+banner&hl=de&lr=&safe=off&start=10&sa=N

    Bye

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Image in fester Position halten

      Bernhard Peissl
      – Informationen zu den Bewertungsregeln

      Grüssi!

      Hi!
      Was Du suchst heisst 'permanentes Banner'.
      http://www.google.de/search?q=permanentes+banner&hl=de&lr=&safe=off&start=10&sa=N
      Bye

      nanu - du sprichst ?

      Hier mein Link:
      http://www.w3.org/TR/xhtml1/

      1. Scrollen
      2. Staunen
      3. Quelltext ansehen
      4. Stylesheet ansehen
      5. siehe 2)

      ;-)

      lg bernhard

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln