karinsch: hintergrundbild zentrieren

Hallo!

Ich hab folgenden <body>:
<body background="../bilder/hg.jpg" topmargin="0">

Was muß ich da jetzt noch schreiben, damit das Hintergrundbild zentriert auf der Seite steht (egal welche Bildschirmgröße), das Hintergrundbild nicht nebeneinander gekachelt wird, aber untereinander muß es gekachelt sein, falls die Seite länger wird...

Wie mach ich das?

Vielen Dank im Voraus!
lg Karin!

  1. Hallo!

    Ich hab folgenden <body>:
    <body background="../bilder/hg.jpg" topmargin="0">

    Was muß ich da jetzt noch schreiben, damit das Hintergrundbild zentriert auf der Seite steht (egal welche Bildschirmgröße), das Hintergrundbild nicht nebeneinander gekachelt wird, aber untereinander muß es gekachelt sein, falls die Seite länger wird...

    Wie mach ich das?

    Mit CSS.

    <body topmargin="0" style="background-image:url(../bilder/hg.jpg);
    background-repeat:no-repeat;background-position:center middle;">

    Schau auch noch hier: http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm

    Einen schönen Tag noch.

    Thomas tgd

    1. DANKESCHÖN!!

      lg Karin!

    2. Hi,

      <body style="background-image:url(../bilder/hg.jpg);
      background-repeat:no-repeat;background-position:center middle;">

      background-repeat:repeat-y;
      denn in der vertikalen soll ja gekachelt werden.

      background-position:center top;
      einerseits, weil background-position kein middle kennt (siehe http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-position}
      andererseits, weil ja nur horizontal zentriert werden soll, vertikal soll ja wiederholt werden.

      und das nicht-HTML-Attribut topmargin="0" kann man auch gleich noch durch
      margin-top:0;
      im CSS ersetzen.

      cu,
      Andreas

      --
      MudGuard? Siehe http://www.Mud-Guard.de/
      Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      1. Hi,

        einerseits, weil background-position kein middle kennt (siehe http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-position}

        Und warum steht dann in de von mir geposteten Link hier im SelfHTML
        das middle geht ?:o)

        und das nicht-HTML-Attribut topmargin="0" kann man auch gleich noch durch
        margin-top:0;
        im CSS ersetzen.

        Stimmt ist mir bekannt, aber danachwar nicht gefragt ;-)

        cia
        Thomas tgd

        1. Hi,

          einerseits, weil background-position kein middle kennt (siehe http://www.w3.org/TR/REC-CSS2/colors.html#propdef-background-position}
          Und warum steht dann in de von mir geposteten Link hier im SelfHTML
          das middle geht ?:o)

          Weil SelfHTML schlicht und einfach nicht fehlerfrei ist.
          Und weil leider die gemeldeten Errata seit langem zwar gesammelt, aber wohl nicht verarbeitet werden...

          und das nicht-HTML-Attribut topmargin="0" kann man auch gleich noch durch
          margin-top:0;
          im CSS ersetzen.

          Stimmt ist mir bekannt, aber danachwar nicht gefragt ;-)

          Das war auch mehr für karinsch bestimmt.

          cu,
          Andreas

          --
          MudGuard? Siehe http://www.Mud-Guard.de/
          Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
  2. Hallo.

    Ich glaube, du kommst da wohl nicht um ein bisschen CSS rum.
    http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm
    Damit kannst du dann zumindest die Wiederholung abstellen.
    Das Bild kriegst du damit aber IMHO auch ncht zentriert.
    Du müsstest wahrscheinlich einen Trick anwenden,
    wie z.B. das Hintergrundbild in einen zentrierten Layer zu schreiben.
    Siehe dazu http://css.fractatulum.net/sample/layout4format.htm.
    Ich hoffe, dass es dir hilft.

    MfG _Siro.

    1. Hi,

      Ich glaube, du kommst da wohl nicht um ein bisschen CSS rum.
      http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htm
      Damit kannst du dann zumindest die Wiederholung abstellen.
      Das Bild kriegst du damit aber IMHO auch ncht zentriert.

      Warum nicht? background-position bietet ausreichend Möglichkeiten (wobei auf der SelfHTML-Seite leider ein Fehler ist, middle ist KEIN gültiger Wert für background-position)

      Du müsstest wahrscheinlich einen Trick anwenden,
      wie z.B. das Hintergrundbild in einen zentrierten Layer zu schreiben.

      Absolut unnötig. einfach background-position verwenden.

      cu,
      Andreas

      --
      MudGuard? Siehe http://www.Mud-Guard.de/
      Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
      1. Hallo.

        Damit kannst du dann zumindest die Wiederholung abstellen.
        Das Bild kriegst du damit aber IMHO auch ncht zentriert.

        Warum nicht? background-position bietet ausreichend Möglichkeiten (wobei auf der SelfHTML-Seite leider ein Fehler ist, middle ist KEIN gültiger Wert für background-position)

        'oppala. Naja aähm also. Du hast wohl recht.
        Ist wohl schon zu lange her, dass ich SelfHTML durchgelesen hab. (-:

        MfG _Siro.