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.

    www.cls-design.com
    Alle Stile jetzt auch in limitierter Stückzahl für WBB 4.1 (ノ´ヮ´)ノ*:・゚✧

    Edited once, last by cls-design ().

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!