1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen
  2. Um Zugriff auf die Ressourcen sowie auf Teile des Forums zu erhalten, müsst ihr euren XenForo Validation Token an dieser Stelle hinterlegen. Probleme in diesem Umfeld bitte im Forum melden. Danke!
    Information ausblenden

[Header] Sauberes responsive Design

Dieses Thema im Forum "Style und Design" wurde erstellt von Pohly91, 24. Juli 2017.

Schlagworte:
  1. Pohly91

    Pohly91 Neues Mitglied Lizenzinhaber

    Mahlzeit zusammen,

    in unserem Forum welches wir derzeit etwas grafisch überarbeiten, haben wir einen Header, der die Breite des Contents besitzt.
    Da der ganze Style responsive ist, wird auch die Grafik mitverkleinert wenn das Fenster kleiner wird. Leider ist es so, dass nur der Header kleinder wird und nicht der "Container" der ihn umgibt. Der "Container in dem es liegt ist hart mit 136px vorgegeben. Wenn man das ganze auf 12,5% ändert, dann funktioniert das verkleinern perfekt, allerdings hat man dann das Problem, dass der ganze Style etwas nach oben rutscht und so zum Beispiel die Breadcrombs total verdeckt sind und "hinter" der Navigation liegen.

    Eine direkte Codeanpassung in der "runaway_css.css" brachte auch keinen Unterschied:
    Code:
    #logoBlock .pageWidth
    {
        height: 12.5%;
        background: url(@imagePath/xenforo/sources/@runawaycolor/logoblock.png) repeat top center #000;
    }
    Ich hoffe man kann das einiger Maßen verstehen.

    Admin Panel:
    [​IMG]
    Fester Wert Fullscreen:
    [​IMG]

    Fester Wert verkleinert:
    [​IMG]

    Prozent Fullscreen:
    [​IMG]

    Prozent verkleinert:
    [​IMG]


    Besten dank im Voraus.