Hur ska man skriva padding så klienten renderar det på korrekt sätt? Jag vill ha en top och en vänster padding men det blir på något sätt fel. Jag skriver som följande:
padding: 200px 0 0 20px;
Alltså 200px från topp och 20px från vänster, botten och höger ska tolkas som 0px.
Vad som händer är att oavsett om jag har en bestämd storlek satt på diven så när jag sätter en padding för top så vill hela diven bli större i höjdled och sätter jag tex 200px där för att få ner innehållet straxt förbi mitten av diven så förskjuts allt som ligger nedanför diven väldigt mycket nedåt. Vad gör jag fel?
Kanske är det så men padding ska väl inte ge ett sådant resultat för det. En padding från top ska väl inte ge någon padding nedanför innehållet. Då finns det väl ingen vits med att kunna ange något för var och en av de fyra sidorna om de påverkar varandra, oavsett om jag bara anger för en sida.
Padding gör inte som jag förväntar mig att det ska göra och vertical-align har ingen effekt överhuvudtaget. Det står bottom där men det fattar inte IE. Innehållet renderas längst upp i diven.
Jaha ok, nu tror jag jag fattar. Om jag sätter en padding så kommer alltså den att läggas på höjden så det blir 270 + det som står för padding. Hur ska man kunna veta det? Jag vet att padding är för att justera innehållet i elementet och margin är för att justera marginal till andra omgivande element. Det andra hade jag ingen aning om. Har inte hittat EN sida som klargör det.
Men 200 var lite att ta i, men jag testade med mindre och det blev så då också, att hela elementet blev högre. Så om det ska vara som det är med padding: 0; så får jag helt enkelt ta bort 10px från höjden om jag lägger en padding på 10px?
Fast det är klart, att MSIE inte gjorde så som det är specificerat från början (och att det har inneburit att den framförallt inte gör som specificerat i "quirks" mode utan där helt sonika räknar in padding i bredden) bidrar förstås till förvirringen eftersom det där med var padding räknas in kontra bredden alltså till råga på eländet gått och blivit blivit <!DOCTYPE-beroende... ;)
vertical-align har ingen effekt överhuvudtaget. Det står bottom där men det fattar inte IE.
Där gör IE faktiskt rätt att inte fatta vad du vill (tack och lov :P). "vertical-align" fungerar endast för inline-boxar och tabellceller. (Läs specen ;))
267 ms totalt · 4 externa anrop · v20260731065814-full.6fe65c25
