Page 1 of 2
Plazierung von Content in dreispaltigem Layout
Posted: Mon 6. Jun 2005, 22:15
by JimPansen
Hallo,
Ich bin PHPWCMS-Newbie und habe Probleme ein dreispaltiges Layout zu realisieren. Es gelingt mir nicht die verschiedenen Inhalte jeweils in feste Breiten zu zwingen. Hat da jemand einen Tip, vielleicht hatte ja jemand schon ein ähnliches Problem.
Guckst Du hier:
http://www.buero-digital.de/war/index.php
liebe Grüße, Jim
Posted: Sun 12. Jun 2005, 17:14
by ssyfrig
Hi
Poste mal Dein Template Code ...
gruss Sven
Posted: Sun 12. Jun 2005, 18:05
by Pappnase
Posted: Sun 12. Jun 2005, 22:26
by fabiradi
Das Wort "Informationsveranstaltung" ist zu lang und dehnt die Tabellenspalte soweit, dass es reinpasst. Wenn du es mit "Informations-veranstaltung" ins CMS einträgst, könnte es klappen. Ist zwar nicht so toll gelöst, aber bei so langen Wörtern muss man schon mal etwas tricksen, solange die Browser keine weichen Trennstriche unterstützen.
template code
Posted: Mon 13. Jun 2005, 15:59
by JimPansen
ssyfrig wrote:
Poste mal Dein Template Code ...
Soll ich so tun?
Kopf:
<table height="103" border="0" cellspacing="0" cellpadding="0" align="left">
<tr>
<td rowspan="2">
<img src="img/rman2/head_01.gif" width="187" height="103" /></td>
<td colspan="2">
<img src="img/rman2/head_02.gif" width="713" height="79" /></td>
</tr>
<tr>
<td>
<table id="Tabelle_02" width="521" height="24" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="521" height="24" align="center" valign="middle" bgcolor="#FFFFFF">
{BROWSE:NEXT:vor:1} - {BROWSE:PREV:zurück:1}
</td>
</tr>
</table></td>
<td>
<img src="img/rman2/head_04.gif" width="192" height="24" /></td>
</tr>
</table>
Haupt:
{CONTENT}
Fußzeile:
<table height="57" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2">
<img src="img/rman2/foot_01.gif" width="900" height="11" /></td>
</tr>
<tr>
<td>
<img src="img/rman2/foot_02.gif" width="187" height="46" /></td>
<td>
<table width="713" height="46" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bgcolor="#1F68A5" background="img/rman2/foot_03.gif" class="copyright"> [TOP][OBEN][/Top] -
© WAR - Köln
</td>
</tr>
</table></td>
</tr>
</table>
links:
{NAV_TABLE_COLUMN}
rechts:
{RIGHT}

Wo genau werden denn die Abstände definiert?
Posted: Mon 13. Jun 2005, 16:09
by JimPansen
Ich habe es jetzt hinbekommen das das Menü soweit in seinem optischen Rahmen bleibt, die Frage ist wie ich die Breite der anderen Blocks und die Abstände zwischen den Blocks und dem Seitenrändern fixieren kann. Im Seitenlayout kann ich zwar Veränderungen vornehmen, aber es sieht immer anders aus als das was ich an Werten eingebe. Ich hab in frontend.css und conf.template_default.inc.php auch nichts gefunden von dem ich meine das es mir die Show vermiest.
Posted: Mon 13. Jun 2005, 16:12
by fabiradi
solange es ein wort gibt, das breiter als die spalte ist, wirst du die probleme nicht los... s.o.
Posted: Mon 13. Jun 2005, 16:13
by JimPansen
fabiradi wrote:solange es ein wort gibt, das breiter als die spalte ist, wirst du die probleme nicht los... s.o.
Ist schon klar, nur... das war es leider nicht ;-(
Posted: Mon 13. Jun 2005, 16:39
by pepe
Hallo Jim,
ich helfe bei diesen Problemen, indem ich als letzte Zeile in den einzelnen Feldern der Vorlage einen Spacer setzte, mit der gewünschten Breite.
Nach dem Muster:
{SPACER:200x0}
wenn ich die Breite auf 200px einstellen will!
Meistens hilt's.
So gehts auch...
Posted: Mon 13. Jun 2005, 18:17
by JimPansen
Ich habe es jetzt so gemacht das ich die Abstände und Breiten von links nach rechts optisch angepasst habe und dem Block "rechts" folgenden Code verpasst habe:
Code: Select all
<table width="150" cellpadding="2" align="left">
<tr>
<td width="150" align="left" valign="top">{RIGHT}</td>
</tr>
</table>
... also ganz plump die feste Breite der Tabelle auf 150 Pixel genagelt. Naja, auf jeden Fall geht es so. Ich habe ausserdem in den Block "Haupt" einen Spacer in eine blinde Tabelle eingebaut um eine Mindesthöhe der Seite festzulegen. Zum Abschluß der Seite habe ich unter eine Linie noch die allgemeinen Navigationselemente gelegt da ich den Block "Fußzeile" anders nutzen will.
Code: Select all
<table>
<tr>
<td>{SPACER:0x350}</td>
<td align="left" valign="top">{CONTENT}</td>
</tr>
<tr>
<td colspan="2" align="center"><hr width="100%">{BROWSE:NEXT:Seite vorwärts:1} | {BROWSE:PREV:Seite zurück:1} | [TOP]zum Seitenanfang[/Top] | [PRINT]Druckansicht[/PRINT]</td></tr>
</table>
Ich weiss jetzt nicht ob das die endgültige Lösung bleibt, ich denke eher das ich noch Grafiken für die die allgemeinen Navigationselemente benutzen werde. Aber wie auch immer, ein dreispaltiges Layout! Klar, muss man nochmal lecker bei, es kann sich aber jetzt schon sehen lassen. Ist ja ziemlich cool, das PHPWCMS

(Wat, Pekka?)
Posted: Tue 14. Jun 2005, 13:12
by fabiradi
hab da noch was interessantes gefunden bzgl. deiner langen wörter:
es gibt in HTML einen bedingten trennstich so wie auch in "word". das zeichen heißt ­ und funktionierte bei mir sehr gut in einem test. möglicherweise hängt es aber doch von codierung oder browser ab.
mehr info
Mozilla -IE Ist es denn wahr...
Posted: Tue 14. Jun 2005, 13:42
by JimPansen
Jetzt hatte ich es für Mozilla so schön hinbekommen, aber im IE ist die Ausrichtung wieder anders. Und vor allem kann ich beim IE den Abstand rechts angegeben haben wie ich will, er ignorierts
Hat jemand ne Idee wie man das hinbekommt? Warum zum Teufel ist das so ein gefummel mit den Breiten und Abständen? Warum passiert dort nie das was man eingibt? Wenn ich mit dem Screenruler nachmesse, es kommt selten die Pixelanzahl heraus die ich im Seitenlayout eingegeben habe. Und wenn ich rechts was eingebe verschiebt sich links alles. ist doch nicht normal, oder?
Posted: Tue 14. Jun 2005, 14:47
by pico
hi
maybe you try it with DIV-Layout - have made a short Description
here
with this you can place everything where you want

Posted: Tue 14. Jun 2005, 17:29
by pepe
Posted: Thu 16. Jun 2005, 11:28
by JimPansen
pepe wrote:
Wenn die Summe deiner einzelnen Breiten nicht mit der angegebene Breite (900px) übereinstimmt...
kann's nie klappen!!!
Ist klar, aber wenn die Summe stimmt ging es leider auch nicht, aber letztlich hast Du mich mit Deinem Kommentar drauf gebracht: Der Witz ist das ich von links nach rechts die Breiten einstellen muss bis zum rechten Block. Dem muss ich dann den Rest bis 900 PX geben, also einiges breiter als der rechte Block sein sollte, aber dadurch das ich die Tabelle des rechten Blocks auf die feste Breite gesetzt habe wird der Block nicht breiter als gewünscht. Astrein, es scheint zu funktionieren! Vielen Dank Pepe und all die anderen die mir geholfen haben. Ich versuche mal beizeiten ein dreispaltiges Template aus meinem Kram zu machen und hier zu posten.