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? |
|
|
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.
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
|
|
|
|
Anzeige
|
|
|
Sphynx
Threadersteller
Dabei seit: 30.08.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 28.04.2009 12:13
Titel
|
|
|
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?
|
|
|
|
|
lexk
Dabei seit: 11.11.2007
Ort: Fürth
Alter: 35
Geschlecht:
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 28.04.2009 12:18
Titel
|
|
|
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?
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Di 28.04.2009 12:20
Titel
|
|
|
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.
|
|
|
|
|
Sphynx
Threadersteller
Dabei seit: 30.08.2007
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Di 28.04.2009 12:58
Titel
|
|
|
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.
Zuletzt bearbeitet von Sphynx am Di 28.04.2009 13:02, insgesamt 2-mal bearbeitet
|
|
|
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 28.04.2009 13:06
Titel
|
|
|
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
|
|
|
|
|
|
|
|
Ä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
|
|