Autor |
Nachricht |
Chris00
Threadersteller
Dabei seit: 20.02.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 12.07.2012 19:08
Titel Layout 3 spaltig |
|
|
Hi zusammen,
ich will eine Seite erstellen, die aus drei divs besteht.
Im mittleren div ist ein Bild (bestimmte Größe ... ca. 1000px), welches zu unscharf ausläuft nach links (unbestimmte größe.. quasi bis ende) und rechts (also in die andern beiden divs)
Der mittlere Container soll zentriert sein und die andern beiden sich quasi gegen diesen lehnen.
Nun soll je nach Auflösung das Konstrukt sich den Begebenheiten anpassen.
Nun meine Frage: Ist das überhaupt möglich?
Wenn ja, habt ihr Tipps, wie ich ans Werk gehen könnte?
So soll es aussehen.... (Rote Rahmen sind die drei divs)
Gruß
Chris
[edit: verschoben nach "Allgemeines Nonprint"]
Zuletzt bearbeitet von theGRUNGEone am Fr 13.07.2012 08:02, insgesamt 2-mal bearbeitet
|
|
|
|
|
gajel
Dabei seit: 19.09.2009
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 12.07.2012 19:18
Titel Re: Layout 3 spaltig |
|
|
Chris00 hat geschrieben: |
Nun soll je nach Auflösung das Konstrukt sich den Begebenheiten anpassen.
|
Was denn für Begebenheiten?
Ohne jetzt genau zu wissen was dein genaues vorhaben ist, würde ich folgendes vorschagen:
<div id="wrapper">
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</div>
usw...
|
|
|
|
|
Anzeige
|
|
|
Chris00
Threadersteller
Dabei seit: 20.02.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 12.07.2012 19:24
Titel
|
|
|
Das Problem hierbei ist, dass das Bild des linken divs von rechts nach links immer weiter abgeschnitten wird. es müsste aber von links nach rechts passieren. Der div auf der rechten Seite ist davon nicht betroffen, hier passiert es genau richtig herum. Man müsste quasi dem linken div sagen, dass das Bild rechts beginnen soll. Dafür kenn ich aber keinen "Befehl" ...
Weißte was ich meine?
LGC
Zuletzt bearbeitet von Chris00 am Do 12.07.2012 19:26, insgesamt 1-mal bearbeitet
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Do 12.07.2012 19:32
Titel
|
|
|
Die einzige Idee die ich habe, wären individuelle Bilder für allerlei Fenstergrößen und media queries. Mein Tipp ist allerdings:
Zitat: | welches zu unscharf ausläuft | Lass es bleiben.
|
|
|
|
|
Chris00
Threadersteller
Dabei seit: 20.02.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 12.07.2012 19:55
Titel
|
|
|
Gibts da gar keine Möglichkeit?
|
|
|
|
|
type1
Dabei seit: 19.11.2004
Ort: -
Alter: 44
Geschlecht:
|
Verfasst Do 12.07.2012 19:57
Titel
|
|
|
Chris00 hat geschrieben: | Gibts da gar keine Möglichkeit? |
Warum nicht als ein Bild, was sich entsprechend an die Auflösungen anpasst?
|
|
|
|
|
Chris00
Threadersteller
Dabei seit: 20.02.2006
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Do 12.07.2012 21:07
Titel
|
|
|
Im mittleren soll die Website sein
Habs nur zur Erkärung runtergebrochen...
|
|
|
|
|
pantonine
Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
|
Verfasst Do 12.07.2012 21:15
Titel
|
|
|
Ein Foto als BG ist sowieso Quatsch.
- Für einen guten Kontrast musst Du Fließtext eh vor eine farbige Box setzen. Ergo: Foto wird verdeckt.
- Längerer Content überschreitet die Höhe des Bildes. Ergo: Bild mus gekachelt werden oder anderer Hintergrund oder keiner schließt sich an. Sieht bekloppt aus.
- Bilder müssen geladen werden und verbrauchen Ladezeit. Skalierte Bilder werden kleiner gerechnet, müssen aber vollständig geladen werden. - oder - mehrere Bildversionen müssen jedes mal erstellt werden und erhöhern den Pflegeaufwand.
|
|
|
|
|
|
|
|
Ähnliche Themen |
3-spaltig
PHP: Datensätze aus DB 3 spaltig ausgeben
eBay Shop Template 3 spaltig - wie anlegen?
Website mit festen Layout in dynamisches Layout umbauen
[CSS Layout] An Fenstergröße anpassendes Layout
Probleme mit Layout - div im layout height="100%"
|
|