Rahmen um Content-Bereich

  • Hallo,

    ich versuche schon bei mehreren Styles, einen Rahmen der an allen Stellen pefekt zusammenpasst, zu erstellen. Es gelingt mir nur dann, wenn ich die Breite des jeweiligen Bereiches (z.B. main) um ein paar Pixel verkleinere oder vergrößere. Das ist aber irgendwie total unprofessionell und sieht auch in anderen Browsern als Firefox dann verschoben aus.

    Nun hab ichs mal versucht, nur folgenden Code zu benutzen, und erziele dabei folgendes Ergebnis (siehe Screenshot):

    Bitte ganz lieb um Hilfe!

    Lg :)

  • Hallo :)

    Das liegt daran das unterschiedliche Box-Modelle verwendet werden. Bei #main wird border-box anstatt content-box verwendet was dann letztendlich einer unterschiedlichen Breite resultiert da anders addiert wird.

    Wenn du dem Rest ebenfalls border-box zuweist, sollte es passen:

    CSS
    #pageHeader {
    box-sizing: border-box;
    }

    usw… Ob Vendor-Prefix och nötig sind weiss ich nicht, musst du selbst recherchieren :whistling: box-sizing reicht.

    Einmal editiert, zuletzt von cls-design (10. Juli 2014 um 21:27)

Jetzt mitmachen!

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