mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 19.03.2024 06:00 Benutzername: Passwort: Auto-Login

Thema: Layout 3 spaltig vom 12.07.2012


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Layout 3 spaltig
Seite: 1, 2  Weiter
Autor Nachricht
Chris00
Threadersteller

Dabei seit: 20.02.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 12.07.2012 19:08
Titel

Layout 3 spaltig

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
gajel

Dabei seit: 19.09.2009
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 12.07.2012 19:18
Titel

Re: Layout 3 spaltig

Antworten mit Zitat Zum Seitenanfang

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...
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Chris00
Threadersteller

Dabei seit: 20.02.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 12.07.2012 19:24
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Do 12.07.2012 19:32
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Chris00
Threadersteller

Dabei seit: 20.02.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 12.07.2012 19:55
Titel

Antworten mit Zitat Zum Seitenanfang

Gibts da gar keine Möglichkeit?
  View user's profile Private Nachricht senden
type1

Dabei seit: 19.11.2004
Ort: -
Alter: 44
Geschlecht: Männlich
Verfasst Do 12.07.2012 19:57
Titel

Antworten mit Zitat Zum Seitenanfang

Chris00 hat geschrieben:
Gibts da gar keine Möglichkeit?


Warum nicht als ein Bild, was sich entsprechend an die Auflösungen anpasst?
  View user's profile Private Nachricht senden
Chris00
Threadersteller

Dabei seit: 20.02.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Do 12.07.2012 21:07
Titel

Antworten mit Zitat Zum Seitenanfang

Im mittleren soll die Website sein Lächel

Habs nur zur Erkärung runtergebrochen...
  View user's profile Private Nachricht senden
pantonine

Dabei seit: 03.03.2011
Ort: gehen Sie bitte weiter…
Alter: -
Geschlecht: -
Verfasst Do 12.07.2012 21:15
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
 
Ä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%"
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.