Video-Einbindung verursacht CSS Problem

[sepp_a_u]

Hallo zusammen,

ich habe ein Video auf meiner Page eingebunden:
http://www.esobp.de/en/european-seri...beer-pong.html (user: test, pw: beerpong)

Dort habe ich nun das Problem, dass die horizontale Linie leider nicht komplett durchgezogen wird und unter dem Video ist. Irgendwie muss es ein Problem mit dem CSS geben, finde es aber leider nicht Kann mir hier jemand helfen?
Die Linie soll durchgezogen sein und der Text unter der Linie ebenfalls ganz normal über die gesamte Page gehen.

Viele Grüsse u danke,
David

[Spooky]

Du verwendest das Grid von Contao und hast zwischen zwei Blöcke einfach so ein <hr> als HTML Element (vermutlich) eingefügt. Das funktioniert so nicht - du müsstest es bspw. so machen:

<div class="block"><hr></div> 

[sepp_a_u]

danke für den Input. wenn ich es so mache, dann geht gar nichts mehr bzw. dann wird weder die linie noch der text darunter angezeigt. nur noch eine lange weisse seite darunter....

[Spooky]

Ah.. korrekt muss es sein:

<div class="g10 block"><hr></div> 

und dem letzten Element musst du auch die Klasse g10 geben.

[sepp_a_u]

hmm..habe gerade überlegt wo es denn korrekt aussieht und im FF hast du recht. Im Chrome jedoch, stimmt es nicht. ebenso in Safari passt es leider nicht. daher müsste man irgendwie noch was anpassen die frage ist nur was.

[Spooky]

Siehe aktualisierten Post. Wenn du das Contao Grid verwendest, musst du, soweit ich das hier beurteilen kann, immer allen Elementen eine Grid Klasse geben.

[sepp_a_u]

Ah ok. vielen dank. Die Linie passt jetzt, nur der Text ist weiterhin verschwunden

[Spooky]

Weil du das hier noch nicht gemacht hast:

und dem letzten Element musst du auch die Klasse g10 geben.

Wenn du das Contao Grid verwendest, musst du [...] immer allen Elementen eine Grid Klasse geben.