{"id":377,"date":"2024-12-10T12:47:28","date_gmt":"2024-12-10T11:47:28","guid":{"rendered":"https:\/\/hpdkb.ledl.net\/netzadresse\/blog\/allgemein\/abstaende-2\/"},"modified":"2025-11-17T10:03:50","modified_gmt":"2025-11-17T09:03:50","slug":"abstaende","status":"publish","type":"post","link":"https:\/\/hpdkb.ledl.net\/netzadresse\/blog\/haeufige-fragen\/abstaende\/","title":{"rendered":"Abst\u00e4nde"},"content":{"rendered":"\n<p>Der Baukasten bietet die M\u00f6glichkeit, mit Abst\u00e4nden ein ansprechendes Design zu erstellen. Dabei wird zwischen<strong> Innenabstand (Padding)<\/strong> und <strong>Au\u00dfenabstand (Margin)<\/strong> unterschieden. Wenn Sie ein Modul auf der linken Seite ausw\u00e4hlen, k\u00f6nnen Sie auf der<strong> rechten Seite<\/strong> im <strong>Reiter <em>Abst\u00e4nde<\/em><\/strong> \u00c4nderungen vornehmen.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/hpdkb.ledl.net\/wp-content\/uploads\/2024\/12\/20251117_Abstaende-5.png\" alt=\"\" class=\"wp-image-651\" style=\"width:350px;height:auto\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Innenabstand (Padding)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Der Innenabstand ist der <strong>Raum zwischen dem Inhalt<\/strong> <strong>eines<\/strong> <strong>Elements<\/strong> (z.\u202fB. Text, Bild) und seinem Rahmen.<\/li>\n\n\n\n<li>Padding sorgt daf\u00fcr, dass der <strong>Inhalt nicht direkt am Rand klebt<\/strong> und verbessert dadurch die Lesbarkeit und \u00c4sthetik.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Au\u00dfenabstand (Margin)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Der Au\u00dfenabstand ist der Raum, der ein <strong>Element<\/strong> <strong>von anderen<\/strong> Elementen oder vom Seitenrand <strong>trennt<\/strong>.<\/li>\n\n\n\n<li>Margin wird verwendet, um <strong>Layoutbereiche<\/strong> klar voneinander <strong>abzugrenzen<\/strong> und Elemente optisch zu gruppieren.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Abstandsfaktoren<\/strong><\/h3>\n\n\n\n<p>Ein hilfreiches Feature ist die M\u00f6glichkeit, Abst\u00e4nde <strong>prozentual<\/strong> f\u00fcr verschiedene <strong>Bildschirmgr\u00f6\u00dfen<\/strong> zu verkleinern oder zu vergr\u00f6\u00dfern. Dadurch k\u00f6nnen Sie sicherstellen, dass Ihre Website <strong>auf Breitbild-, Desktop-, Tablet- und Mobilger\u00e4ten<\/strong> <strong>optimal dargestellt wird<\/strong>.<\/p>\n\n\n\n<p><strong>Wie funktioniert die Anpassung?<\/strong><\/p>\n\n\n\n<p>Zun\u00e4chst legen Sie die Abst\u00e4nde fest, zum Beispiel 50\u202fpx oben und unten sowie 80\u202fpx links und rechts. Auf <strong>Mobilger\u00e4ten<\/strong> kann das jedoch <strong>zu gro\u00df<\/strong> wirken, da der<strong> Bildschirm<\/strong> deutlich <strong>schmaler<\/strong> ist. Um dies anzupassen, k\u00f6nnen Sie den Abstandsfaktor f\u00fcr <strong>Mobilger\u00e4te<\/strong> beispielsweise auf <strong>50\u202f%<\/strong> <strong>reduzieren<\/strong>. Dadurch halbieren sich die Abst\u00e4nde automatisch: 25\u202fpx oben und unten sowie 40\u202fpx links und rechts, sodass die Gestaltung besser an die kleineren Bildschirme angepasst wird.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Der Baukasten bietet die M\u00f6glichkeit, mit Abst\u00e4nden ein ansprechendes Design zu erstellen. Dabei wird zwischen Innenabstand (Padding) und Au\u00dfenabstand (Margin) unterschieden. Wenn Sie ein Modul auf der linken Seite ausw\u00e4hlen, k\u00f6nnen Sie auf der rechten Seite im Reiter Abst\u00e4nde \u00c4nderungen vornehmen. 1. Innenabstand (Padding) 2. Au\u00dfenabstand (Margin) Abstandsfaktoren Ein hilfreiches Feature ist die M\u00f6glichkeit, Abst\u00e4nde [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[44,3],"tags":[],"class_list":["post-377","post","type-post","status-publish","format-standard","hentry","category-content","category-haeufige-fragen"],"_links":{"self":[{"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/posts\/377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/comments?post=377"}],"version-history":[{"count":3,"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/posts\/377\/revisions"}],"predecessor-version":[{"id":380,"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/posts\/377\/revisions\/380"}],"wp:attachment":[{"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/media?parent=377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/categories?post=377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hpdkb.ledl.net\/netzadresse\/wp-json\/wp\/v2\/tags?post=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}