Kopfbereich Problem

  • Hey! Ich bin grad bisschen am verzweifeln..
    Entweder ich denke falsch ode vergesse was oder bin doof :-).
    Daher das ich drauf hingewiesen wurde nur kleinen teil vom html und CSS zu posten. Habe ich nur den Code der mit dem Kopfbereich zu tun hat posten.


    Folgendes Problem:
    Ich will meinen Kopfbereich neu machen ein bisschen schöner.
    Vorher war es einfach nur eine Fläche mit Farbe. Jetzt mit Drei Bereichen.
    Was wo ist seht ihr in der Skizze Die ich extra gemacht hab.


    1. Die unteren beide Bereiche ordnen sich bei einem Handy untereinander das aber nicht sein soll. Sie sollen brav nebeneinander bleiben.
    2. Die Ränder von beiden unteren Bereichen sind oben nicht bis an Ende. Sie hören kurz vorm Ende auf. Das soll nicht sein. Sie sollen bis zum Rand sein.
    3. Die Überschrift soll mittig von seinem Bereich sein.



    Ich bedankte mich für jede Hilfe im voraus :thumbup:



    HTML Code:


    CSS Code:

  • Hey danke für die schnelle Antwort!
    Wusste nicht das "display:flex" gibt. Jetzt Funktioniert alles einwandfrei :)


    Klar kenne ich die CSS Attribute aber es wollte nicht so wie ich es wollte ;)
    Aber jetzt alles einwandfrei.


    Aso der CSS ist ein Fehler in der ersten Zeile.
    ody steht da, es müsste body da stehen.


    Liebe Grüße Jopo


    *Edit*
    Also habe ein neues Problem :)
    Die Menüleiste bei Mobile Geräte hat einen kleinen Schönheits Fehler den ich nicht finden.
    Zwischen dem Kopfbereich und dem Menü ist ein weißer Balken der nicht sein soll. :huh:
    Hmm.
    Ich habe meine CSS Datei seit längere Zeit durchsucht aber nichts gefunden was.
    Falls ihr wisst wo der Fehler liegt lasst es mich bitte wissen.
    Habe dieses mal die Seite auf einem Server hochgeladen.


    http://deutscheradler.1x.de


    Aso das Menü kommt wenn das Fenster maximal 550px Breit ist.


    Danke für Eure Hilfe :thumbup:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!