Ergebnis 1 bis 5 von 5

Thema: Schatten um Wrapper

  1. #1
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.455

    Standard Schatten um Wrapper

    Hallo Leute, ich möchte eine HP bauen die um den Wrapper einen Schatten rechts und unten hat.

    Leider weiß ich nicht, wie ich das machen kann bzw. wie die Grafik aufgebaut sein sollte.

    Hier ein link von einer HP, die soeinen Schatten hat. http://www.monasteriafinanz.de

    Eigentlich ist es ja nicht schwer rechts und unten einen Schatten zu bauen. Aber die Ecke rechts unten macht mir sorgen.

    Ich möchte eine schön abgerundete Ecke (beim Schatten abgerundet) haben.
    Bei diesem Beispiel, welches ich oben verlinkt habe, ist die Ecke auch nicht schön.

    Könnte mir da mal jemand helfen bitte?

    LG, m-werk
    LG, Andi

  2. #2
    Contao-Nutzer
    Registriert seit
    14.01.2011.
    Beiträge
    25

    Standard

    Auf der Seite ist das als Background-Image realisiert.
    Das Bild besteht nur aus dem Rahmen, den Inhalt kannst dann über ein Padding/Margin nach innen schieben, damit es den Rahmen nicht überlappt.

    Um das unten rechts abzurunden, würde ich den Footer mit einem BG-Image hinterlegen, welches die Rundung enthält, den Header ebenso, und den Main-Part nur links/rechts (wie man es eben gerne hätte) mit einem Schatten ausrüsten.

    Allerdings hab ich nie mit solchen Schatten gearbeitet, vllt kennt ja jemand, der das schon gemacht hat, bessere Möglichkeiten.

  3. #3
    Alter Contao-Hase
    Registriert seit
    20.06.2009.
    Ort
    Graz (Austria)
    Beiträge
    1.455

    Standard

    Naja, ich hab mir das so überlegt:

    Da der Innhalt 900px breit sein sollte und der Schatten ca. 10px hat, würde ich für den Header eine Grafik mit 910px mal Xpx (so 10px) machen.

    Dann eine Grafik mit 910px mal 1px für den Container und eine 910px mal 10px für den Footer.

    Bzw würde ich für den Header und Footer die höhe so anpassen, wie ich diese eben auch benötige und als hintergrund würd ich transparent wählen, so dass man nur den Schatten sieht.
    LG, Andi

  4. #4
    Contao-Urgestein Avatar von ways2web
    Registriert seit
    23.03.2010.
    Ort
    Berlin
    Beiträge
    1.698
    User beschenken
    Wunschliste

    Standard

    für welche Browsergeneration soll die seite sein ?
    auch für alte browser...wenn nicht, dann schau dir mal das hier an

    da brauchste keine grafiken usw.. allein css

    gruss
    Olli

  5. #5
    Contao-Urgestein
    Registriert seit
    07.04.2010.
    Ort
    Stuttgart
    Beiträge
    2.733
    User beschenken
    Wunschliste

    Standard

    oder du kannst es ähnlich wie hier machen oder wie hier (CSS3 + filter)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Position vom Wrapper
    Von Pahan im Forum Allgemeine Inhaltselemente
    Antworten: 2
    Letzter Beitrag: 16.02.2011, 17:48
  2. Hintergrundbild im #wrapper?
    Von franco im Forum Bilder/Dateien
    Antworten: 8
    Letzter Beitrag: 17.01.2011, 09:45
  3. 960 Breite für Grid - aber auch Schatten
    Von Markuso im Forum Layout / Templates / Holy Grail
    Antworten: 5
    Letzter Beitrag: 19.12.2010, 21:41
  4. Schatten um Seite
    Von mambamanni im Forum Layout / Templates / Holy Grail
    Antworten: 14
    Letzter Beitrag: 21.05.2010, 10:43
  5. Bilder mit Schatten
    Von heiko im Forum Bilder/Dateien
    Antworten: 2
    Letzter Beitrag: 22.03.2010, 09:19

Lesezeichen

Lesezeichen

Berechtigungen

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