Zeilenumbrüche in <div> verstecken

[hottemp]

Es geht um verschiedene <div>-Layer innerhalb einer Seite. Diese werden per Javascript ein- und ausgeblendet - soweit kein Problem.

Leider werden die Zeilenumbrüche (d.h. "<br/>") in einem <div> aber auch angezeigt, wenn dieser Layer "visibility: hidden" aufweist, also versteckt ist.

Gibt es einen Weg auch diese Zeilenumbrüche zu verstecken? Danke!

[pekka]

Ich bin nicht sicher, aber was ist, wenn Du "display:none"/"display:block" statt visibility verwendest? Wenns Konzepttechnisch geht, natürlich vorausgesetzt.

[wahsaga]

Re: Zeilenumbrüche in &lt;div&gt; verstecken

Original geschrieben von hottemp
Leider werden die Zeilenumbrüche (d.h. "<br/>") in einem <div> aber auch angezeigt, wenn dieser Layer "visibility: hidden" aufweist, also versteckt ist.

es dürfte generell eine der grundeigenschaften des zeilenumbruchs sein, dass dieser nicht sichtbar ist.

aber pekkas antwort dürfte trotzdem die lösung deines problems sein.

visibility:hidden -> keine anzeige, mit platzhalter
display:none -> keine anzeige, ohne platzhalter

[hottemp]

es dürfte generell eine der grundeigenschaften des zeilenumbruchs sein, dass dieser nicht sichtbar ist.

Ja, ist schon klar, es waren aber auch nicht "\n" oder "\r\n" gemeint, sondern die normal sichtbaren Zeilenumbrüche > "<br/>". Mit display funktioniert das ganze jetzt und ist jetzt bereits im CMS integriert. Danke!

[Coragon Rivito]

die browser reservieren normalerweise den platz den ein objekt einnimmt (width bzw height) .. mit visibility bleibt der platz reserviert, nur wird nichts angezeigt ..

wenn du allerdings display: none nimmst, wird überhaupt nichts angezeigt
display: block ist standart für <div> was einen absatz erzeugt
display: inline ist zb bold etc, wird im normalen textfluss ohne umbruch angezeigt

visibility bringt imho nur den gewünschten effekt wenn die box eine ebene weiter 'vorne' ist ( z-layer: \d+ )