Autor |
Nachricht |
nickdesign
Threadersteller
Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht:
|
Verfasst Mo 29.11.2010 15:42
Titel Verlauf (BG) von aussen zur Mitte |
|
|
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
Hier mal das Beispiel wie es aussehen sollte..
danke für eure Hilfe
|
|
|
|
|
snuwie
Dabei seit: 06.07.2010
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 29.11.2010 15:52
Titel
|
|
|
soll der verlauf flexibel sein oder hat er eine feste breite?
|
|
|
|
|
Anzeige
|
|
|
nickdesign
Threadersteller
Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht:
|
Verfasst Mo 29.11.2010 15:54
Titel
|
|
|
snuwie hat geschrieben: | soll der verlauf flexibel sein oder hat er eine feste breite? |
Flexibel, er soll sich der Breite des Browsers anpassen.
|
|
|
|
|
emorikaner
Dabei seit: 23.06.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 29.11.2010 15:58
Titel
|
|
|
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?
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mo 29.11.2010 15:58
Titel
|
|
|
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.
|
|
|
|
|
nickdesign
Threadersteller
Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht:
|
Verfasst Mo 29.11.2010 16:11
Titel
|
|
|
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
|
|
|
|
|
Sp4wNi
Dabei seit: 26.10.2010
Ort: Düsseldorf
Alter: 37
Geschlecht:
|
|
|
|
|
nickdesign
Threadersteller
Dabei seit: 28.02.2007
Ort: South London
Alter: 43
Geschlecht:
|
Verfasst Mo 29.11.2010 16:15
Titel
|
|
|
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
Zuletzt bearbeitet von nickdesign am Mo 29.11.2010 16:23, insgesamt 1-mal bearbeitet
|
|
|
|
|
|
|
|
Ähnliche Themen |
Frameset: ab in die Mitte!
CSS 3spaltig mit fester Mitte?
Webseiten mal nicht in der Mitte?
div in dremaweaver in mitte ausrichten
Dreamweaver - Site in Mitte
IE Browser platziert mit CSS nicht in der mitte!
|
|