Ergebnis 1 bis 5 von 5

Thema: Css Background Bild ohne Wiederholung verlängern

Hybrid-Darstellung

Vorheriger Beitrag Vorheriger Beitrag   Nächster Beitrag Nächster Beitrag
  1. #1
    Erfahrener Benutzer Avatar von Everlast3310
    Registriert seit
    23.02.2008
    Beiträge
    175

    Css Background Bild ohne Wiederholung verlängern

    Hi, ich versuche schon seid Stunden meinen Background nach unten in die Länge zu ziehen. Das ist das Bild http://klick4.de/images/bg
    Und das ist meine Main css
    Code:
    body {
    margin-top:5;
    margin-bottom:5;
    margin-left:5;
    margin-right:5;
      padding: 0;
      background-image: url('/images/bg.jpg');
      background-color: #C9DFE4;
      background-repeat: repeat-x;
      background-attachment: scroll;
      background-position: top left;
    Und das ist mein Ergebniss: http://www.klick4.de
    Das Bild soll sich nicht wiederholen, da ich ein Farbverlauf drin habe, es sollte sich halt nur automatisch ans Content anpassen. Ich weis echt nicht weiter, würde mich über eine kleine Hilfe echt freuen. Thx schonmal.

  2. #2
    Erfahrener Benutzer Avatar von jpwfour
    Registriert seit
    06.02.2008
    Beiträge
    3.717
    Hier: http://www.css4you.de/background.html
    siehst du was mit Hintergrundbildern via CSS möglich ist.

    Sofern ich das richtig verstehe, also dass du
    dein Hintergrundbild in der Länge strecken willst,
    dass ist so nicht möglich.

    Vorschlag:
    Diese Grafik hier:
    http://www.klick4.de/images/bg.jpg
    Noch etwas höher zu machen, und nach unten hin in eine Farbe übergehen zu lassen, die dann zusätzlich als Hintergrund die ganze Seite bzw "den Rest" füllt.

    EDIT: natürlich gäbe es auch Workarounds, indem man das nicht als background der ganzen Seite auffasst, aber die sind alle unschön (die mir bekannten und die mir einfallen würden)
    Kill one man, and you are a murderer.
    Kill millions of men, and you are a conqueror.
    Kill them all, and you are a god.
    - Jean Rostand, Thoughts of a Biologist (1939)

  3. #3
    Erfahrener Benutzer Avatar von Everlast3310
    Registriert seit
    23.02.2008
    Beiträge
    175
    Okay, danke dir. Schade, dass man Bilder nicht in die Länge strecken kann. Naja, muss ich mein Konzept etwas umtüfteln

  4. #4
    Erfahrener Benutzer Avatar von Parl
    Registriert seit
    22.05.2008
    Beiträge
    358
    Das Problem hatte ich auch schon...

    Aber anstatt den Hintergrund zu strecken kannste das Bild einfach mit mspaint.exe kopieren und spiegelverkehrt darunter anheften.

    Zitat Zitat von Jean Pütz
    Ich hab da schon mal etwas vorbereitet
    http://www.yukis-lose.de/bg2.jpg

    so zum Bleistift. Hier natürlich das Problem dass die Struktur an beiden enden übereinstimmen muss. Sollte aber selbst mit Paint schnell gemacht sein.

    MFG
    YY Order!
    Meine Loseseite Meine Scripte
    For I am Costanza: Lord of the Idiots!

  5. #5
    Erfahrener Benutzer Avatar von Everlast3310
    Registriert seit
    23.02.2008
    Beiträge
    175
    Danke, aber wenn das Contente dann wieder länger werden würde, dann müsste ich es nochmal spiegeln. Hab das Problem anders gelöst, hab einfach den Farbverlauf weg genommen, da ich die img´s so klein wie möglich halten will, zwecks Seitenaufbau und so. Trotzdem danke für den Tip

Ähnliche Themen

  1. [V] Bild Upload-Addon für VirtuaScriptShop
    Von webkle im Forum Scripte
    Antworten: 19
    Letzter Beitrag: 17.11.2009, 22:17
  2. Bild auf der startseite o.O.
    Von schlachtherr im Forum Support zum VMSone
    Antworten: 7
    Letzter Beitrag: 07.10.2009, 17:53
  3. Img-Fox.de - Der intelligente Bild Upload
    Von ceejay im Forum Non VMS Seiten
    Antworten: 10
    Letzter Beitrag: 04.11.2008, 17:29
  4. Bild in Startseite
    Von Thor82 im Forum Support zum VMSone
    Antworten: 3
    Letzter Beitrag: 03.05.2008, 20:06
  5. [HTML/CSS/JS] bild einmalig nach 5s ändern
    Von Greggy im Forum [HD] Programmieren
    Antworten: 2
    Letzter Beitrag: 12.10.2007, 17:24

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •