ungewünschte Leerzeilen beim Rendern

[Oldboy]

Hallo

bei der Seite die ich gerade erstelle soll der Navigationsbalken
je nach Kategorie eine andere Hintergrundfarbe haben.

Die Klasse die die Farbe steuert heißt #balken

Bevor ich jedesmal ein neues Template anlege, könnte
man die Farbe doch auch über einen Artikel steuern.

in meinem Template habe ich dann folgendes eingetragen

Code: Select all

<div id="balken{FOOTER}">

FOOTER, weil er sonst nicht gebraucht wird

Wenn ich jetzt einen HTML Contentpart erstelle, in dem nur _rot steht und diesen
in den FOOTER Bereich schreibe kommt das dabei raus:

Code: Select all

<div id="balken


_rot
">

Viele überflüssige Leerzeilen... der Browser erkennt so das CSS natürlich nicht

Jemand ne Idee wie ich das verhindern kann?

[update]

der Browser erkennt so das CSS natürlich nicht

Das erkenne ich auch nicht (und bin noch nicht mal'n Browser)

Zum Verständnis
<div id=""header> ist id und wird im css mit #header angesprochen (darf nur einmal vorkommen)
<div class="einbalken"> ist eine class und wird mit .einbalken {..} angesprochen (kann mehrfach vorkommen)

<div id="balken{FOOTER}">

ist mE völliger Blödsinn - wie kommst du auf die idee, einen Platzhalter für Inhalte in die class zu schreiben?
Hmmmm.
mach das doch mal raus und schreibe stattdessen:

Code: Select all

<div id="balken">{FOOTER}</div>

Sieht doch gleich viel besser aus, oder?

Aber wenn ich es mir so überlege:

Code: Select all

<div id="balken {specialcss}">{FOOTER}</div>

und dann einen CP HTML mit einem leeren Template und im CP nichts außer zB

Code: Select all

wongabong

und im css dann
.wongabong {background: transparent url(/img/wonga.png) repeat-x 0 0;}
HA! Darauf muss man erst mal kommen!

[Oldboy]

Ich habe jetzt einfach der ganzen Code in den CP geschrieben.

Das klappt.

Danke für Deine Hilfe!