Webstatt.org - Community seit 2006 - 2012 (2024?)

Hintergrund - Gutes XHTML

Avatar user-289
11.06.2006 17:15

Hallo,
ich hab gerade das Problem, dass ich keine Ahnung habe, wie ich diesen Hintergrund mit XHTML/CSS am besteb aufbauen kann... Jemand ne Idee?


Interesse? meine Referenzen. hier!!!
Avatar user-255
11.06.2006 17:46

body: Grauer Hintergrund + Linien, repeat-x+fixed (wg. Verlauf)
body>#bg1: Schatten oben, repeat-x
body>#bg2: Heller horizontaler Streifen, repeat-x
body>#inhalt: Hintergrund mit grauem Rahmen + Schatten, repeat-y

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-289
11.06.2006 20:02

Lässt sich das so wie hier beschrieben mit CSS3 machen?! Also jeweils die einzelnen Teile übereinander zu "legen"...

http://meiert.com/de/publications/articles/20051224/#background-image

Eine Frage dazu: Wie gebe ich den einzelnen BGs dann noch die repeats, positions etc.?


Edit: Der Verlauf soll ja quasi nur oben ein verlauf sein. wenn man weiter runter scrollt bleibt der BG in einer Farbe. user-158n könnte ich den Verlauf mit Repeat-X über den Normalen BG legen oder so...

Wird aber schwierig das hinzubekommen, dass die Scanlines überall bündig aneinanderliegen...

Vertsehen die Browser überhaupt schon CSS3 ???

Interesse? meine Referenzen. hier!!!
Avatar user-255
11.06.2006 20:56

CSS3 ist noch Zukunftsmusik von 2008 (lt. deinem Artikel da).
Übereinanderlegen geht primär aber auch nur via XHTML.
Einzelheiten zu den CSS Definitionen für Hintergrundbilder gibt's hier.

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-289
11.06.2006 20:59

Und wie bekomme ich das dann hin?

Interesse? meine Referenzen. hier!!!
Avatar user-255
12.06.2006 10:04

Bau die Seite als 1600x1200 JPEG oder lies meinen ersten Beitrag nochmal....

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-150
12.06.2006 16:26

Original von user-255
body: Grauer Hintergrund + Linien, repeat-x+fixed (wg. Verlauf)
body>#bg1: Schatten oben, repeat-x
body>#bg2: Heller horizontaler Streifen, repeat-x
body>#inhalt: Hintergrund mit grauem Rahmen + Schatten, repeat-y


frage

1. was genau bringt nochmal ">"
2. wie schreibt man das in html, brauch ich dann da zwei geschachtelte divs mit id "bg1" und "bg2"?

danke lächeln

bekomm ich mit der selben methode um eine box einen schatten an allen 4 seiten?

lächeln

Mehr schlaue Sprüche gibt es auf: anotherstyle.de Psicologia
Avatar user-162
12.06.2006 16:35

zu 1. http://www.css4you.de/wscss/css04.html -> Verschachtelte Selektoren: Selektor > Selektor

Perfection is not when there’s nothing to add, but when there’s nothing to take away swisscheek.com/magazine
Avatar user-289
12.06.2006 16:41

Demnach funktionieren verschachtelte Selektoren im IE nicht?!

Interesse? meine Referenzen. hier!!!
Avatar user-255
12.06.2006 17:12

Sucker#1: Damit wollte ich doch nur die Struktur darstellen...
Sucker#2: [FONT=monospace]<body><div /><div /></body> 0_o[/FONT]
Remo1234: Richtig. Aber brauchst du die hier etwa?

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
Avatar user-289
12.06.2006 18:10

Nein, mich haben deine ">" verwirrt. Dachte (wie nic) damit sind diese Verschachtelten Selektoren gemeint ( => unlogisch)...

Aber wie code ich das denn dann am besten? Divs erscheinen mir da als nicht angebracht...

In der Überschrift steht ja "Gutes XHTML"

Ich denke da gibts ne bessere Lösung... Noch jemand ne Idee?

Interesse? meine Referenzen. hier!!!
Avatar user-255
12.06.2006 19:02

Original von user-289
In der Überschrift steht ja "Gutes XHTML"

"Gutes XHTML" ist meistens ein Kompromiss aus Style und Semantik -- außer bei den Layouts,
die auch ohne zusätzliche Style Elemente realisierbar sind.

Dabei fällt mir grad ein, dass ich doof bin. zwinkern
Den grauen Hintergrund + Schatten oben + heller horiz. Streifen kannst ja zu einem Hintergrund
zusammenfassen mit repeat-x + fixed. Je weiter man dann runterscrollt, desto mehr verschwinden
die Scanlines und es geht allmählich in das Grau über, das du als Hintergrundfarbe definieren kannst.

Umsetzen lässt sich das dann ganz ohne zusätzliche Styleelemente -- allerdings auch nur im Utopos:
IE verträgt es nicht, wenn man <html> CSS Definitionen aufbrummt :-\

Wow, das ist echt mal ein gutes Konzept. *eigenlob* Fettes Grinsen

Those who can, do. Those who can't, teach. # Musik gehört dem Volk! # last.fm
user-228
13.06.2006 14:56

hmm...ich hab schon gedacht ich habe das falsch verstanden und hab dann lieber nichts gepostet. dachte auch an user-255s vorschlag, dürfte wohl die einfachste und effektivste lösung sein.

und IE6 versteht definitionen bei html { }

gruß.