Spaltendarstellung Fehlerhaft nach Update von 3.5 auf 4.4

[rauel]

Hallo,

ich habe eine Kundenseite von 3.5.40 auf 4.4.46 umgezogen.
Plötzlich werden die Spalten auf einigen Seiten wo ich einen rightblock_long eingebaut habe nicht mehr richtig umgesetzt.

So sieht es aus: http://contao.tierarztpraxis-duessel...eistungen.html

so muss es aussehen: https://tierarztpraxis-düsseltal.de/...eistungen.html

Ich finde den Fehler nicht.

Kann mir jemand helfen?

[Caro]

Hallo rauel,

du hast im HTML-Code ein <div class="container"> drin. Da die Klasse eine width: 1170px hat, flutscht der Inhalt aus der rightcol heraus.

<div class="col-lg-4"
<div class="mod_article rightblock" id="article-228">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="ce_text right-socials first block">
<h3>Terminsprechstunde</h3>
...

Wo dieser Div-Container herkommt, kann ich dir aber nicht von außen sagen, aber vielleicht kommst du so weiter ...

[rauel]

Hallo rauel,

du hast im HTML-Code ein <div class="container"> drin. Da die Klasse eine width: 1170px hat, flutscht der Inhalt aus der rightcol heraus.

<div class="col-lg-4"
<div class="mod_article rightblock" id="article-228">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="ce_text right-socials first block">
<h3>Terminsprechstunde</h3>
...

Wo dieser Div-Container herkommt, kann ich dir aber nicht von außen sagen, aber vielleicht kommst du so weiter ...

wo der Container mit der Breite von 1170px eingebunden wird finde ich leider nicht.

[Caro]

wo der Container mit der Breite von 1170px eingebunden wird finde ich leider nicht.

Der kommt von dem Bootstrap-Grid und hat an der Stelle eigentlich nichts verloren. Du hast ein Bootstrap-Grid für die gesamte Seite, deren .container bei min-width ein Breite von 1170px hat. In der Sidebar steckt aber noch einmal ein Bootstrap-Grid, da dann natürlich die CSS-Angaben übernimmt. Schau dir doch mal mit den Entwicklerwerkzeugen von Firefox oder Chrome Quelltext und Styles an.

Du könntest das überschreiben mit:

.rightblock .container { width: 100% }

Macht halt nicht so viel Sinn, lieber der Sache auf den Grund gehen. Wie kommt denn das Bootstrap-Grid in die Website?

[rauel]

Der kommt von dem Bootstrap-Grid und hat an der Stelle eigentlich nichts verloren. Du hast ein Bootstrap-Grid für die gesamte Seite, deren .container bei min-width ein Breite von 1170px hat. In der Sidebar steckt aber noch einmal ein Bootstrap-Grid, da dann natürlich die CSS-Angaben übernimmt. Schau dir doch mal mit den Entwicklerwerkzeugen von Firefox oder Chrome Quelltext und Styles an.

Du könntest das überschreiben mit:

.rightblock .container { width: 100% }

Macht halt nicht so viel Sinn, lieber der Sache auf den Grund gehen. Wie kommt denn das Bootstrap-Grid in die Website?

Hallo Caro,

ich weiß es leider nicht.
Ich habe das Theme gekauft und angepasst. In der Version 3.5 läuft es reibungslos. Warum der Fehler jetzt hier bei 4.4 auftaucht ist mir ein Rätzel.
Der Theme-Hersteller habe ich parallel auch angeschrieben, aber der läßt sich Zeit mit der Antwort. Ich muss aber bis Mittwoch den Fehler behoben haben.

Das Bootstrap.css wird im Layout eingebunden.

Das Entwickler-Tool von Firefox nutze ich.

[rauel]

Der kommt von dem Bootstrap-Grid und hat an der Stelle eigentlich nichts verloren. Du hast ein Bootstrap-Grid für die gesamte Seite, deren .container bei min-width ein Breite von 1170px hat. In der Sidebar steckt aber noch einmal ein Bootstrap-Grid, da dann natürlich die CSS-Angaben übernimmt. Schau dir doch mal mit den Entwicklerwerkzeugen von Firefox oder Chrome Quelltext und Styles an.

Du könntest das überschreiben mit:

.rightblock .container { width: 100% }

Macht halt nicht so viel Sinn, lieber der Sache auf den Grund gehen. Wie kommt denn das Bootstrap-Grid in die Website?

ich habe versucht heruszufinden warum oder wo da noch einmal das Bootstrap-Grid enthalten ist, aber ohne Erfolg.

Deshalb habe ich Deinen Vorschlag den

.rightblock .container { width: 100%; }

zu überschreiben umgesetzt und nun sieht es gut aus.

Danke für Deine Hilfe :-)

[Caro]

Die Lösung ist halt nur eine Krücke. Irgendwie ist die Sidebar eine divs mehr als in der 3er-Version. Ich würde die mal ganz rauswerfen und an der Stelle zum Testen ein einfaches Textstück einfügen und damit ein herumspielen. Aber ohne den Themeaufbau zu kennen, ist das natürlich nur Kaffeesatzleserei.