mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 29.03.2024 15:20 Benutzername: Passwort: Auto-Login

Thema: Verlauf (BG) von aussen zur Mitte vom 29.11.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Verlauf (BG) von aussen zur Mitte
Seite: 1, 2  Weiter
Autor Nachricht
nickdesign
Threadersteller

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst Mo 29.11.2010 14:42
Titel

Verlauf (BG) von aussen zur Mitte

Antworten mit Zitat Zum Seitenanfang

Ich grübel gerade nach wie ich einen Verlauf am besten umsetzen könnte in CSS.. sollte ich das mit einen JS Backgroundbild lösen oder gibt es da auch Lösungen ohne JS, am liebsten wäre es mir per CSS zu lösen Lächel

Hier mal das Beispiel wie es aussehen sollte..




danke für eure Hilfe
  View user's profile Private Nachricht senden
snuwie

Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 29.11.2010 14:52
Titel

Antworten mit Zitat Zum Seitenanfang

soll der verlauf flexibel sein oder hat er eine feste breite?
  View user's profile Private Nachricht senden
Anzeige
Anzeige
nickdesign
Threadersteller

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst Mo 29.11.2010 14:54
Titel

Antworten mit Zitat Zum Seitenanfang

snuwie hat geschrieben:
soll der verlauf flexibel sein oder hat er eine feste breite?


Flexibel, er soll sich der Breite des Browsers anpassen.
  View user's profile Private Nachricht senden
emorikaner

Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 29.11.2010 14:58
Titel

Antworten mit Zitat Zum Seitenanfang

nickdesign hat geschrieben:
Flexibel, er soll sich der Breite des Browsers anpassen.

Mit ner flexiblen Breiste wirst du das afaik nicht in allen Browsern hinbekommen:

http://www.normansblog.de/css3-im-detail-background-gradients/
( Stichwort: radial gradient )
Du könntest das aber mit Fallbacklösung einbauen, was mir selbst allerdings zu umständlich wäre, geht es wirklich nicht mit ner festen Breite?
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mo 29.11.2010 14:58
Titel

Antworten mit Zitat Zum Seitenanfang

Dann nutze <body> als Dein erstes Element. Diesem kannst Du Kind-Elemente folgen lassen die jeweils rechts und links floaten. Die bekommen eine feste Breite (je nach Verlauf) und den Verlauf (JPG) als Hintergrundbild.
  View user's profile Private Nachricht senden
nickdesign
Threadersteller

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst Mo 29.11.2010 15:11
Titel

Antworten mit Zitat Zum Seitenanfang

emorikaner hat geschrieben:
nickdesign hat geschrieben:
Flexibel, er soll sich der Breite des Browsers anpassen.

Mit ner flexiblen Breiste wirst du das afaik nicht in allen Browsern hinbekommen:

http://www.normansblog.de/css3-im-detail-background-gradients/
( Stichwort: radial gradient )
Du könntest das aber mit Fallbacklösung einbauen, was mir selbst allerdings zu umständlich wäre, geht es wirklich nicht mit ner festen Breite?


Hmm das funktioniert wunderbar, leider ist der IE nicht dabei, ich schau mir das mal mit der "Fallback" Lösung an, ansonsten müssen wir hier n Kompromiss eingehen das es im IE halt nicht geht.. @ Kash, nutze bereits schon den Body als erstes Element.

Danke euch, das mit den Gradients is ja ne feine Sache Lächel
  View user's profile Private Nachricht senden
Sp4wNi

Dabei seit: 26.10.2010
Ort: Düsseldorf
Alter: 37
Geschlecht: Männlich
Verfasst Mo 29.11.2010 15:13
Titel

Antworten mit Zitat Zum Seitenanfang

ansonsten halt css 3 was aber noch nicht voll suportet wird :>
http://gradients.glrzad.com/

grüße
  View user's profile Private Nachricht senden
nickdesign
Threadersteller

Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht: Männlich
Verfasst Mo 29.11.2010 15:15
Titel

Antworten mit Zitat Zum Seitenanfang

der Kunde wünscht sich.....ahhhh da fällt mir gerade was ein stimmt, ich geb dem body BG ne schwarzes farbe und geb den kleinen Container wo der Inhalt drinn is n Background Image mit dem Verlauf.. hmmm @ Emorikaner... danke für den denkanstoss...


// Edit;

bessere Lösung: die Gradients für FF, Opera und Chrome und die obere Lösung für IE, dann passt alles Grins


Zuletzt bearbeitet von nickdesign am Mo 29.11.2010 15:23, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
 
Ähnliche Themen Frameset: ab in die Mitte!
Webseiten mal nicht in der Mitte?
div in dremaweaver in mitte ausrichten
Dreamweaver - Site in Mitte
CSS 3spaltig mit fester Mitte?
IE Browser platziert mit CSS nicht in der mitte!
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.