mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 19:22 Benutzername: Passwort: Auto-Login

Thema: CSS 3spaltig mit fester Mitte? vom 28.04.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS 3spaltig mit fester Mitte?
Seite: 1, 2, 3, 4  Weiter
Autor Nachricht
Sphynx
Threadersteller

Dabei seit: 30.08.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 28.04.2009 09:44
Titel

CSS 3spaltig mit fester Mitte?

Antworten mit Zitat Zum Seitenanfang

Hi,

hab da mal ne Frage.
Wie krieg ich das am besten hin?
http://img514.imageshack.us/img514/2190/layoutizs.jpg

Das grüne ist der Hauptinhalt - rechts und links davon sollen quasi 2 Hintergrundbilder stehen. Bei dem linken blauen ist es wichtig, dass die "0" als letztes kommt, bei dem rechten roten ist es wichtig, dass die "0" als erstes kommt.
Natürlich sollen die beiden Bilder den Platz bis zum Browserfensterrand auffüllen, sprich in der Breite dynamisch sein.
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 28.04.2009 09:58
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.css4you.de/wslayout1/index.html
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Sphynx
Threadersteller

Dabei seit: 30.08.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 28.04.2009 12:13
Titel

Antworten mit Zitat Zum Seitenanfang

Und in wie weit hilft mir das weiter?
Wie ich ein 3 spaltiges Layout mit 100% Breite erstelle ist mir klar.
Nur wie krieg ich es hin, dass die Mitte eine feste Breite hat, während die Spalten außen variabel sind?
  View user's profile Private Nachricht senden
lexk

Dabei seit: 11.11.2007
Ort: Fürth
Alter: 35
Geschlecht: Männlich
Verfasst Di 28.04.2009 12:16
Titel

Antworten mit Zitat Zum Seitenanfang

http://csscreator.com/tools/layout

kannst du damit was anfangen?!
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 28.04.2009 12:18
Titel

Antworten mit Zitat Zum Seitenanfang

Sphynx hat geschrieben:
Nur wie krieg ich es hin, dass die Mitte eine feste Breite hat, während die Spalten außen variabel sind?


Sollen die auch Inhalte enthalten? Oder dienen die äußeren beiden Spalten
eigentlich nur der Darstellung der Hintergrundgrafiken?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 28.04.2009 12:20
Titel

Antworten mit Zitat Zum Seitenanfang

Sphynx hat geschrieben:
Und in wie weit hilft mir das weiter?
Wie ich ein 3 spaltiges Layout mit 100% Breite erstelle ist mir klar.
Nur wie krieg ich es hin, dass die Mitte eine feste Breite hat, während die Spalten außen variabel sind?


indem du ließt, mein gott.
nimm den body alös wrapper.dann floatest du rechts und links deine spalten.
die in der mitte hat ne feste breite.
  View user's profile Private Nachricht senden
Sphynx
Threadersteller

Dabei seit: 30.08.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 28.04.2009 12:58
Titel

Antworten mit Zitat Zum Seitenanfang

Kash hat geschrieben:

indem du ließt, mein gott.
nimm den body als wrapper.dann floatest du rechts und links deine spalten.
die in der mitte hat ne feste breite.


Das mit dem float ist nicht das Problem. Wie mach ich das mit der Breite der Randspalten? Width:auto? Wird bei ner Spalte ohne Content (nur mit Hintergrundbild) etwas schwierig, oder?

@lexk: Sorry, nee, kann ich nicht. Was bei meiner Grafik zu sehen ist, soll logischerweise am Ende 100% Breite haben.
@m: Nur das Bild, kein Content. Wie auf der Grafik in meinem ersten posting auch zu sehen ist. Lächel


Zuletzt bearbeitet von Sphynx am Di 28.04.2009 13:02, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 28.04.2009 13:06
Titel

Antworten mit Zitat Zum Seitenanfang

Also, wenn links und rechts vom Inhalt (der mittleren Spalte) also eigentlich gar keine Inhalte
vorhanden sein müssen dann müssen eigentlich auch keine weiteren HTML Elemente für die "Spalten"
zum Einsatz kommen.


Code:
body {
   background: transparent url(deinBackground.jpg) top center repeat-y;
}
div#content {
   margin: 0 auto;
   width: 900px;
}


"deinBackground.jpg" ist eine Grafik welche die beiden Hintergründe für die "äußeren Spalten"
ergibt und im mittleren Bereich 900px nichts bzw. evtl. einen Hintergrund für den Inhalt.

Also:

945761429187230 |-------------------------------------> 900px <--------------------------------| 089542674216984


Zuletzt bearbeitet von m am Di 28.04.2009 13:07, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen css 3 spalten layout mit fester mitte - bitte um hilfe!
Vektorformat mit fester Randstärke
Mehrspaltig div /float mit fester Breite
HTML -> Spalte mit fester Breite
Fester Hintergrund bei netobjects fusion 9
[CSS] dreispaltiges Layout mit fester Breite im IE6
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3, 4  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.