phil: hintergrundbild mit css positionieren?

nada es geht immer besser  :D

hab nun alle fehler behoben ausser das mit dem hover klappt noch nicht
ganz so wie ich das will! aber erst ma beiseite!!!

Mein Problem

Ich hab meine Hintergrundgrafik (logo) in der linken oberen Ecke so
eingebunden!

<body>

<div id="container" style="background-image:url(logo.gif); background-repeat:no-repeat; ">

Kann ich die position nun mit css noch genauer definieren? es sollte
nach links und nach oben leicht aus dem container schauen!!!
is diss possible?

oder muss ich das logo anderst einbinden? muss ja nicht umbedingt ein bg sein!

Kann mir jemand helfen?

MfG

Phil

  1. Hello out there!

    <div id="container" style="background-image:url(logo.gif); background-repeat:no-repeat; ">

    Pfui Inline-Styles!

    Kann ich die position nun mit css noch genauer definieren?

    Willst du uns hier etwa weißmachen, dass deine Suche nach "background position" nichts ergeben hat?

    See ya up the road,
    Gunnar

    --
    „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    1. Hi gunnar doch doch, guck hier!

      <body>

      <div id="container" style="background-image:url(logo.gif); background-repeat:no-repeat; background-position:center; background-position:top;">

      ah jetzt hab ichs gefunden!!!

      <style type="text/css">
      #container {
       background-image:url(logo.gif); background-repeat:no-repeat;
       background-position:-10px -10px;
      }
      </style>
      </head>

      <body>

      <div id="container">
      </div>

      </body></html>

      jedoch wird das bild nun vom container beschnitten!

      könnte ich es jetzt auch noch in den body laden und so ein bissel mogeln?

      mfg

      1. hallo,

        jedoch wird das bild nun vom container beschnitten!
        könnte ich es jetzt auch noch in den body laden und so ein bissel mogeln?

        Das wäre nicht gemogelt, sondern durchaus korrekt. Und es läßt sich noch mehr verkürzen:
          <style type="text/css">
           body {background: #FFF url(logo.gif) no-repeat -10px -10px;}
          </style>
        Dann müßtest du allerdings die Positionierungsangaben nochmal überdenken. Negative Werte sind zwar problemlos möglich, aber nicht immer sehr elegant.

        Grüße aus Berlin

        Christoph S.

        --
        Visitenkarte
        ss:| zu:) ls:& fo:) va:) sh:| rl:|
      2. Hello out there!

        <style type="text/css">
        #container {
        background-image:url(logo.gif); background-repeat:no-repeat;
        background-position:-10px -10px;
        }
        </style>

        Na, sieht schon besser aus. Ich würde allerdings jeder Deklaration eine neue Zeile spendieren.

        jedoch wird das bild nun vom container beschnitten!

        Erwartest du, ein Hintergrundbild würde aus der Box des Elements herausragen?

        See ya up the road,
        Gunnar

        --
        „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
    2. Willst du uns hier etwa weißmachen...?

      Nee,
      das war doch die Klementine ;)
      Best wishes, imho_tep

      --
      HAL 9000: Ich fürchte, wir haben ein Problem, Dave.
      1. welche klementine denn?

        meinst du den content-lutscher? ;)

        1. Grütze .. äh ... Grüße!

          welche klementine denn?

          meinst du den content-lutscher? ;)

          Du kennt Klementine nicht *lach*  Als nächstes erzählst du uns noch, daß du auch nicht weißt, wie man mit den drei Muscheln umgeht ..

          scnr


          Kai

          --
          What is the difference between Scientology and Microsoft? One is an
          evil cult bent on world domination and the other was begun by L. Ron
          Hubbard.
          ie:{ fl:( br:< va:) ls:? fo:| rl:? n4:° ss:{ de:] js:| ch:? mo:| zu:|
        2. welche klementine denn?

          meinst du den content-lutscher? ;)

          Nein. Stichwort: Waschmittel-Werbung - in den 70er Jahren, wenn meine
          Erinnerung richtig ist. Die Dame dürfte inzwischen in einer besseren
          Welt sein.
          imho_tep

          1. welche klementine denn?

            meinst du den content-lutscher? ;)

            Nein. Stichwort: Waschmittel-Werbung - in den 70er Jahren, wenn meine
            Erinnerung richtig ist. Die Dame dürfte inzwischen in einer besseren
            Welt sein.
            imho_tep

            Ach die Oma von ACE, was iteressiert mich die, da hab ich schärfere muscheln am strand^^

          2. Hi,

            Nein. Stichwort: Waschmittel-Werbung - in den 70er Jahren, wenn meine
            Erinnerung richtig ist. Die Dame dürfte inzwischen in einer besseren
            Welt sein.

            Johanna König-Hock ist 86 und meines Wissens noch in dieser Welt.

            cu,
            Andreas

            --
            Warum nennt sich Andreas hier MudGuard?
            O o ostern ...
            Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        3. Willst du uns hier etwa weißmachen...?

          Nee, das war doch die Klementine ;)

          welche klementine denn?

          Junger Mann, das ist ein Avatar aus einer Zeit, in der noch Wählscheiben existierten.

          Roland

          --
          Mac or PC?
          Classic Rap: MP3 96k • AAC+ 24k • WMA 32k
  2. hallo,

    oder muss ich das logo anderst einbinden?

    Du mußt nicht, aber du kannst. Dein Logo braucht nicht einmal ein eigenes <div>. Beschäftige dich einfach nochmal gründlicher mit den entsprechenden Angaben in SELFHTML.

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|