dynamische Webseite nach Aussen hin verlängern möglich?
Liste der Anhänge anzeigen (Anzahl: 3)
Guten Abend zusammen.
Das nimmt mich schon länger wunder, vielleicht weiß ja jemand eine sinnvolle Lösung. Szenario: Sich dynamisch verlängernde Webseite mit unterschiedlichem Verlauf links und rechts. Der Verlauf wird nach unten hin verlängert, wenn sich die Webseite verlängert, indem der unterste Streifen gekachelt wird. Nun möchte ich gerne das die Webseite zusätzlich nach links und rechts jeweils bis an den Bildschirmrand raus läuft. Entsprechend würde ich auch links und rechts wieder einen 1px breiten Streifen schneiden und diesen dann nach außen hin verlängern. Mir fehlt da noch ein sinnvoller Ansatz. Es sollte nicht nur der Contentbereich, sondern auch der Header und Footer nach aussen hin verlängert werden ... Mag jemand helfen? Im Anhang das Testszenario, möglichst einfach gehalten. Gruss, kp |
Keiner ne Idee? :)
|
Zitat:
Mir fällt jetzt spontan nur eine Lösung ein, in dem du links und rechts ein eigenes div setzt, dem du dann die jeweilige Grafik zuweist. Ähnlich wie hier: Flexi Floats - Multi Column CSS-P Layout nur die divs ebenfalls flexibel gestalten. |
Oder 2 aufeinanderliegende div's die beide absolut positioniert sind und die gesamte Höhe und Breite des Fensters einnehmen. Beide haben dann je ein Hintergrundbild: das eine für links, das andere für rechts. Mit background-position noch die Position bestimmen - fertig. Und dran denken, dass das eine links und das andere rechts transparent sein muss um das darunterliegende auch anzeigen zu lassen.
|
Ich bekomm das einfach nicht hin. Kann das jemand in mein Beispiel einbauen damit ich das nachvollziehen kann? Gerne auch einfach einfarbig ohne Grafik. Im Moment raucht einfach nur noch der Kopf. Links und rechts jeweils ein DIV der sich bis an den Browserrand streckt und dynamisch mit verlängert ... :(
|
Ich habe sie damals auch nicht bekommen, "fertige" Vorschläge, denn nur so lernt man es in dem man mit den Hinweisen selber zum Ziel kommt.
Mal kann ja mal ne Ausnahme machen und ich hatte grad Zeit und Lust das mal eben auszuprobieren. Vorschlag: HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
3 Divs nebeneinander zu packen ist nicht das Problem. Trotzdem Danke für den Versuch zu helfen :)
|
setze einen Container als Platzhalter.
HTML-Code:
<div id="egal"> Diese nimmste als index.css Datei. Code:
Die eigentlichen Auszeichnungen erfolgen dann in einer weiteren importierten CSS-Datei. In etwa so: Code:
/* platzhalter Vorsicht bei den ollen IE's !!!! Testen!!! |
Zitat:
|
Liste der Anhänge anzeigen (Anzahl: 1)
Im Anhang der aktuelle Stand. Da sind jetzt noch genau 2 Probleme zu lösen. Die Divs links und rechts ändern ihre Höhe nicht und ich müsste links und rechts auch noch einen blauen Streifen für den Footer drunterhängen.
Auch Dir danke firehorse, aber zu einer Lösung für mein spezifisches Problem komme ich mit Deinem Code auch nicht. |
Alle Zeitangaben in WEZ +2. Es ist jetzt 12:10 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023