Autor |
Nachricht |
mtk
Threadersteller
Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 37
Geschlecht:
|
Verfasst Di 05.09.2006 08:06
Titel die css 3 Spaltigkeit |
|
|
Guten Morgen liebes Forum!
Ich habe eine interessante Aufgabe bekommen. Ein altes Tabellenlayout soll in CSS wieder umgesetzt werden.
Problem dabei ist das 3 Tabellen-Spalten den Kern ausmachen.
Sie stehen also direkt nebeneinander und sind, dank Tabelle, alle gleich lang. Da die Inhaltsmenge von Site zu Site verschieden ist, wären die Div´s bei einer CSS-Lösung natürlich nicht gleich groß. Varianten wie min height und max height sowie die Festlegung auf eine feste Größe der Site sind nicht gewünscht oder nur einseitig befriedigend.
(IE max und min height is ja nich)
Ich knobel jetzt schon ein paar Stunden, aber die Idee hatt ich noch nicht.
Hat wer Vorschläge in welcher Richtung man da tricksen könnte?
Thx für alle Antworten!
euer mtk
|
|
|
|
|
mtk
Threadersteller
Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 37
Geschlecht:
|
Verfasst Di 05.09.2006 09:12
Titel
|
|
|
Um euch etwas handefestes zu geben:
Code: | /******************************************************************************************
Eigenschaften der 3 Div´s
******************************************************************************************/
div#div_1
{
position:relative; top:0em; left:0em;
background:#FFCC33;
width:33.33%;
float:left;
}
div#div_2
{
position:relative; top:0em; left:0em;
background:#99CCFF;
width:33.33%;
float:left;
}
div#div_3
{
position:relative; top:0em; left:0em;
background:#FFFFCC;
width:33.33%;
float:left;
} |
Der Knackpunkt ist die Höhenangabe des mittleren Div´s! Dort soll später der Text stehen, und somit meist der längste Div.
|
|
|
|
|
Anzeige
|
|
|
Flextone
Dabei seit: 29.06.2005
Ort: -
Alter: 42
Geschlecht:
|
Verfasst Di 05.09.2006 09:20
Titel
|
|
|
moin,
eine Höhe kann man zwar in PX definieren aber nicht wirklich in %. Auch ist das nicht ganz konform.
Man kann mit der Arbeitsweise des FAUX Coloumns arbeiten, jedoch hat man das fixe Breiten der 3 Spalten.
Sind die Spalten bzw. müssen die in der Breite variabel sein? Wenn nicht kannst du diese ja alles so ca. 300px breit machen und nimmst dann ein BG-Bild in dem die Farben die Spaltenhintergründe wieder geben. Reapeat-y et voila.
|
|
|
|
|
mtk
Threadersteller
Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 37
Geschlecht:
|
Verfasst Di 05.09.2006 09:28
Titel
|
|
|
Tja, die Breiten müssen variabel bleiben.
Ich habe aber greade von einem Kollegen einen Link bekommen. Hoffe der bringt die Lösung.
Thx Flexstone
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
|
|
|
|
mtk
Threadersteller
Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 37
Geschlecht:
|
Verfasst Di 05.09.2006 09:42
Titel
|
|
|
Thx Sahnemuh!
Hab greade einen Stapel an E-Mails mit Links und Vorschlägen bekommen!
Ich arbeite denn der Reihe nach ab!
|
|
|
|
|
saucer
Dabei seit: 19.05.2002
Ort: München
Alter: 43
Geschlecht:
|
Verfasst Di 05.09.2006 10:06
Titel
|
|
|
mtk hat geschrieben: | Ich arbeite denn der Reihe nach ab! |
zeig dann hier bitte auch deine lösung
dankeschön!
|
|
|
|
|
mtk
Threadersteller
Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 37
Geschlecht:
|
Verfasst Di 05.09.2006 10:19
Titel
|
|
|
Ehrensache!
Hab auch schon was! Aber ich habe hier greade eine E-Mail Flut die dringende Antworten verlangt!
|
|
|
|
|
|
|
|