Website Layout geht nicht

    Hallo,

    ich habe ein Problem, beim Website Layout erstellen. Ich möchte außen jeweils 25% und in der Mitte 50% Text haben. Nun habe ich vorher bestimmt, dass padding = 10 ist, sodass ein bisschen Seiten rand ist. Nur jetzt funktioniert das mit der Prozentaufteilung nicht mehr und Text 2 und 3 sind untereinander. Die Prozentangaben mit der Breite, sollen ja eigentlich den Abstand mit einberechnen, machen sie aber nicht

    Meine Seite: http://tassilo.bplaced.net/website/Index.html

    ging es den vorher ,bevor du 10 pixel padding gemacht hast ?

    Dann mach doch

    Code
    width:calc(25% -10px);

    dann wird die 10 padding von den 25% abgezogen und sollte dann sein wie es vorher wahr.Zumindest nach deiner erklärung.Ich habe noch nicht gekuckt.

    Hast du den die erste Seite von eben schon fertig gestellt

    Zitat von basti1012

    Du must

    Code
    width:calc(25% - 30pixel);

    eingeben dann geht es .Du hast ja auf beiden Seiten padding also reichen 10 nicht .Aber so gehts ,sehe fiddle hier

    https://jsfiddle.net/basti1012/kvdrpktj/1/

    Super, danke! Und wieso muss es jetzt doch -30px sein und nicht -10?

    Und noch ein Frage, was ist bei deinen Dateien immer dieses:

    <!-- CSS_ADSBLOCK_START -->

    <link rel="stylesheet" href="http://adblockers.opera-mini.net/css_block/default-domainless.css" type="text/css" />

    <!-- CSS_ADSBLOCK_END -->

    Macht das irgendetwas wichtiges?

    Zitat von Sempervivum

    Man kann sich diese ganze Rechnerei ersparen durch dieses CSS: Code
    * {
    box-sizing: border-box;
    }

    Dann werden die Abmessungen so berechnet, wie man es für das Layout erwartet.

    Wo genau muss ich den Code in de CSS einfügen?

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden