DIV Layout über das Seitenlayout steuerbar

ThomasL · Post by **ThomasL** » Sun 5. Feb 2006, 22:50

Hallo Gemeinde,

ich steh vor einem kleinen Problem bzw. Fragestellung. Ich will gerade ein Layout auf DIV-Basis anlegen, hierbei werden sämtliche Blöcke (Kopfzeile bis Footer) über die Vorlagenseite einzeln angesprochen. Also genau so wie das wCMS einem die Möglichkeit gibt.

Nun stell ich aber beim anlegen des Seitenlayouts fest, das mein DIV-Layout in den grundlegenden Breiten letztenendes nur über die CSS steuerbar und nicht wie zB beim Tabellenlayout über die Adminseite "Seitenlayout". Gibt es hier besondere Ansätze oder gar Hacks, da es so bisher (noch) nicht vergesehen war ...

danke und Grüße aus HH,
Thomas

pepe · Post by **pepe** » Mon 6. Feb 2006, 01:03

Hallo ThomasL.

aber das ist doch gerade der Witz bei der Sache mit dem DIV Layout

In der Vorlage steht nur noch die Verschachtelungsstruktur der Container.
Jetzt wird die Feinanpassung komplett in der CSS gemacht.

Damit wird die CSS Datei nur noch einmal geladen und der restliche Code der einzelnen Seiten ist extrem kurz und beinhaltet keinerlei Abmessungen und Formatierungen mehr.... Und so sollte es doch auch sein.

Deine Frage wird also nicht vollkommen klar???

Natürlich kannst du nun einige Formatierungen wieder in den html-head legen.... aber das sollte doch eher die Ausnahme sein und nur wenige Korrekturen der frontend.css betreffen....

Vielleicht stellst du deine Frage etwas genauer???

pico · Post by **pico** » Mon 6. Feb 2006, 09:12

Hi

einen ersten Einstieg findest Du evtl. hier http://www.hdk-online.de/howto.phtml

marcus@localhorst · Post by **marcus@localhorst** » Mon 6. Feb 2006, 14:02

hi,
prinzipell geht das nicht, du könntest aber in der front.func.inc.php ab zeile 292 rumfummeln und schauen, ob du das irgendwie hinbekommst

ich kann jetzt auf den ersten blick nicht erkennen, woher die absoluten breiten der tabellenzellen kommen. (diese angaben willst du ja verwenden um die divs fixieren) Vermutlich musst du da irgendwelche funktionen/werte zusammensuchen, die das tun.
ich würde allerdings davon abraten, weil es umständlich ist (auch beim aktualisieren deiner installtion) und wie gesagt alles über die css gesteuert wird.
oder du benutzt die custom layout option und schreibst dein div gerüst in den maincontent bereich und stellst dort die breiten ein.
aber so toll ist das auch nicht...

grüße
marcus

ThomasL · Post by **ThomasL** » Mon 6. Feb 2006, 15:51

Hi Marcus,

danke für die Info - habe mir eigentlich schon soetwas gedacht. Wollte es nur von jemand 3. hören.
Rumfummeln kommt bei mir nicht in Frage - d.h. muß dann wohl anfangen die mir gegebenen Möglichkeiten zu nutzen, und nicht immer nach neuem suchen

danke allen,
vg Thomas

pico · Post by **pico** » Mon 6. Feb 2006, 16:22

Hi

du kannst doch in den einzelnen DIV-Classen auch entsprechende Breiten angenben - so wie auch bei TABLE - oder versteh ich das Problem nicht ?

ThomasL · Post by **ThomasL** » Mon 6. Feb 2006, 16:59

Ja kann ich, aber nur in der Stylesheetdatei - hier in unserem Falle die frontend.css
Die Tabellen kann ich aber direkt über die Adminoberfläche in den einzelnen Felder definieren und einstellen. Das wollte ich für DIVs auch haben, bzw. fragen ob ich hier etwas flasch gemacht hatte ...

vg, Thomas

Nordlicht · Post by **Nordlicht** » Sat 22. Apr 2006, 11:16

Ja, dass habe ich auch bemerkt. Die Einstellungen im Admin-Bereich unter
seitenlayout und hier unterhalb vom Seitenaufbau, werden nicht in die css-Datei übernommen. Aber woher soll phpwcms auch wissen, welche
css-Datei es nehmen soll. Aber selbst wenn man die Standard-Datei frontend.css verwendet, wird dieses hier nicht eingetragen.

Vielleicht sollte der untere Bereich einfach ausgeblendet werden, sobald
man css-Div auswählt und einHinweis zum editieren erscheinen.

Klappstuhl28 · Post by **Klappstuhl28** » Sat 22. Apr 2006, 16:35

Ja kann ich, aber nur in der Stylesheetdatei - hier in unserem Falle die frontend.css

Natürlich kannst du auch eine andere Bezeichnung
oder andere (neue) Datei wählen, solange
du sie richtig aufrufst. Ist aber Quatsch und würd ich
nicht empfehlen.

Wenn dir die CSS zu unüberischtlich ist, kannst du
*/ hier munter Kommentare eintragen und das dann so wieder schließen /*

Kleiner Tipp, ruf dir die "Bastelecke" also frontend.css
einfach doppelt auf. Eine als Sicherung. Und eine
zum Basteln. Wenn das Gebastel komplett in die
Hose gegangen ist, drückst du in der originalen
Einstellung auf speichern und fertig.

Oder du kopierst die CSS Einstellungen vorher in Word oder
sowas. Und kopierst es später wieder in das Feld mit den
CSS-Anweisungen.

Rumbasteln ist eine feine Sache, da so gut ein Gespür
z.B. für das Skript, Layout und so weiter entwickelt wird.
Die Absicherung ist entscheidend.

Was einen schönen Überblick über CSS liefert ist.
http://www.css4you.de

Post by **update** » Sat 22. Apr 2006, 17:03

Hi Klappstuhl28

*/ hier munter Kommentare eintragen und das dann so wieder schließen /*

Up to now I thought that it would go like this:
/*hier munter Kommentare eintragen und das dann so wieder schließen
you can span several lines also
more lines
even more*/

Or am I completely on the WoodWay

?
BTW: I Besides the page mentioned before I like http://cssplay.co.uk also...

Greetings
claus

Klappstuhl28 · Post by **Klappstuhl28** » Sat 22. Apr 2006, 17:06

Of course you are right. I think i should take more
time.

pico · Post by **pico** » Sun 23. Apr 2006, 12:41

Hi

and very nice and usefull for 'developing' the CSS is the Plug-In 'Edit-CSS' and/or 'Web-Developer' for FireFox - you can edeit the CSS on-the-fly and see what happens, after that copy the 'edited' CSS with STRG-C and paste it to your frontend.css.