http://wp-danmark.dk/forum/tags/css-padding-margin WordPress DK Forum Tag: CSS padding margin - Recent Topics da-DK Tue, 28 Jul 2026 00:02:20 +0000 http://bbpress.org/?v=1.0.1 q http://wp-danmark.dk/forum/search.php http://wp-danmark.dk/forum/topic/begynderfejl-med-css#post-6820 tors, 14 aug 2008 13:12:46 +0000 peterhenrichsen 6820@http://wp-danmark.dk/forum/ <p>Halløj!</p> <p>Jeg sidder som tidligere beskrevet i mit (synes jeg selv) lækre Brian Gardner Revolution tema, men jeg må erkende at jeg ikke styrer Cascading Style Sheets så godt.</p> <p>Det er nok nemmest at komme med et eksempel.</p> <p><a href="http://kulturfoto.dk/2008/07/22/bournonville-pa-pantomimen/" rel="nofollow">http://kulturfoto.dk/2008/07/22/bournonville-pa-pantomimen/</a></p> <p>I dette indlæg, nederst nede, arbejder jeg med nogle informationsbokse fx "Blå Bog" og "Baggrund".</p> <p>Udfordringen går på, at jeg ikke kan få 'margin' og 'padding' til at virke, hverken i IE eller Firefox</p> <p>Blå Bog's CSS koden ser således ud:</p> <p>.blaabog {<br /> width: 490px;<br /> background: #99CCFF;<br /> float: left;<br /> margin: 10px 10px 20px 10px;<br /> border-top: 4px solid #1A4E88;<br /> border-left: 1px solid #1A4E88;<br /> border-right: 1px solid #1A4E88;<br /> border-bottom: 1px solid #1A4E88;<br /> padding: 20px 20px 10px 20px;<br /> }</p> <p>Og alligevel står teksten helt ud til kanten i både venstre og højre side. Burde ovenstående margin-kommando ikke forhindre det?</p> <p>------------</p> <p>Den anden ting er at mine bokse i dette tema, ligger fuldstændig "cleanet" op af hinanden. Blå bog boksen ligger lige op og ned af Baggrund boksen. Der troede jeg at padding ville have en effekt, men tydeligvis ikke her?</p> <p>Er det mon netop begrebet Cascading som gør sig gældende her, nemlig at tidligere kommandoer om margin og padding "overruler" mine CSS-kommandoer for Blå bog og Baggrrund?</p> <p>Og er det korrekt at det er padding som skal skabe lidt horisontal luft mellem mine elementer?</p> <p>For jeg har altid savnet en nem både at skabe horisontal luft mellem elementerne på, da html 'break-kommandoen' åbenbart ikke er den rigtige måde at gøre det på?</p> <p>På forhånd mange tak :-)</p> <p>Hilsen Peter </p>