Gelöst - Leere Spalte wir ignoriert

DuffyDuck · #1 06.03.08, 10:30

Hallo,

ich habe mir ein Inhaltsbereich angelegt, der mir 3 Spalten zur Verfügung stellt. Wenn ich nun in der Mitte oder in der rechten Spalte etwas einfüge, wird im FE der TExt nach ganz link geschoben. Erst wenn ich in den leeren Spalten ein Dummyinhalt anlege (muss Text sein), wird die 3 Spaltenstruktur beibehalten.
Hat einer eine Idee wie ich auch die leeren Spalten im FE sehe?

Meine Spaltendefination:

HTML-Code:

 <div id="container"> <div class="spalte0"></div> <div class="spalte3">Spalte 1 (Links)
        </div> <div class="spalte3">Spalte 2 (Mitte)
        </div> <div class="spalte3">Spalte 3 (Rechts)
        </div> <div class="spalte0"></div> </div>

CSS:

HTML-Code:

.container {
        border: 0em solid gray; 
        margin: 0px;
}

.spalte3 {
        border: 0em solid blue; 
        float: left;
        width: 33%; 
}
.spalte0 {
        clear: both;
}

Danke für die Hilfe
Schöne Grüße
Andreas

rosieres · #2 06.03.08, 11:31

wenn du deine spalten befüllst mit einer hintergrundfarbe wirst du sehen das warscheinlich die spalten ganrnicht im fe grendert werden. wenn das der fall ist , ist dein mapping falsch . . .
wie man Mehrspaltige CSS-basierte Layouts macht kann man auf selfhtml nachlesen

DuffyDuck · #3 06.03.08, 12:33

Die Hintergrundfarbe wird nur angezeigt, wenn auch ein Inhalt in die Spalte eingefügt wird. Wenn das am falschen Mapping liegt, könntest du mir dann sagen wie ich es richtig machen muss?
Ich habe mal mein mapping als Bild beigefügt.

Danke

Gruß
Andreas

rosieres · #4 06.03.08, 12:44

Mappe jeweils die <p> Tags .... mit outer dann werden diese ersetzt und das div bleibt da wos ist ....

PHP-Code:

   
<html>

    <title>Subtemplate: 3 Spalten mit 33/33/33 Teilung</title>

    <body>

        <div class="subcolumns">

            <div class="c33l">

                <div class="subcl">

                    <!-- Inhalt linker Block -->

                    <p>links</p>

 
                </div>

            </div>

            <div class="c33l">

                <div class="subc">

                    <!-- Inhalt mittlerer Block -->

                    <p>links</p>

                </div>

            </div>

 
            <div class="c33r">

                <div class="subcr">

                    <!-- Inhalt rechter Block -->

                    <p>rechts</p>

                </div>

            </div>

        </div>

    </body>

 
</html>

DuffyDuck · #5 06.03.08, 13:10

Habe ich gemacht. Ist aber das gleiche verhalten. Mit ist aber gerade aufgefallen, dass es sich scheinbar nicht um ein Problem des mapping von Templa handelt. Wenn ich mir das ganze im IE anschaue, dann wird es richtig angezeigt. Im Firefox wird die leere Spalte nicht angezeigt.

Danke für die Hilfe

Gruß
Andreas

rosieres · #6 06.03.08, 13:13

Dann solltest Du mal schleunigst Dein generierten Code durch einen Validator schicken samt CSS ...

Themen-Optionen	Thema durchsuchen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen	Thema durchsuchen: Erweiterte Suche
Ansicht	Thema bewerten
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln	Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
HMENU wird ignoriert	Morjo	GMENU, HMENU, TMENU und Co.	4	23.12.07 20:04
IE6 ignoriert rechten Rand	bolshi	HTML & CSS	1	07.06.07 09:49
Mailformplus ignoriert Errormessages	µaTh	Alle anderen Extensions	1	26.02.07 16:13
Bilderbreite wird ignoriert	hitechrolf	TYPO3 4.x Fragen und Probleme	1	27.10.06 15:33
_top wird ignoriert	isabelle	TYPO3 3.x Fragen und Probleme	1	24.10.06 13:27

Suche

Userpanel