Sidder lige og arbejder - og faldt over en pudsighed...
Jeg har en div, der er defineret som 30px bred, 15px høj, text-align
center, en ramme og er floated.
Deri sætter jeg et image: 15x15px png.
Og man skulle så syntes, at det ville blive placeret midt i div'en -
men sådan er det ikke.
Billedet bliver godt nok placeret 7px fra ventre med 8 til højre, så -
og det må være i orden.
Men lodret, bliver det placeret 1px inde i div'en. For at få 15px
placeret midt i 15px, er jeg nødt til at give billedet en
padding-bottom på 1px, så elementet faktisk er 15x16px, og går over
borderen på div'en. Så flyttes det den ene px opad, så tingene ser
rigtige ud (fordi det er et png, så det der overlapper faktisk er
gennemsigtigt..).
Jeg arbejder i FF - test i IE8 og IE8komaptibelitet (IE7) viser at den
opfører sig tilsvarende.
Til gengæld placerer Chrome, Opera og Safari billedet rigtigt, både med
og uden den ekstra 1px padding i bunden, så problemet er ikke større
end det kan løses.
Og det er ikke fordi jeg normalt går op i 1px eller to - lige her er
det så vigtigt, at billedet står midt i, og det undrede mig at 15px
indenfor 15px ikke bliver placeret rigtigt - i det mindste i FF. I IE
er det vel den slags småskævheder man mere eller mindre forventer...
[
Kan ses på
http://skippersevent.dk/index.php?men=musik&sub=moonlight
- har ikke lige tid til en demo..
Klik på et af billederne. Det bliver vist, med en navigation nederst -
det er knapperne i denne, der giver problemet. Lader det stå uden
padding lidt, så man se effekten, skulle man have lyst.
Der arbejdes desuden på siden, så det er lidt noget rod, og der kan
være problemer...
Af andre pudsigheder, kan man undre sig over, at Chrome/Google mener at
siden er på engelsk, og gerne vil oversætte den til dansk - og det er
noget af en oplevelse, at give den lov... lol - og den siger siden er
oversat fra engelsk til dansk. Vorherre bevare's...
Jeg har desuden konstateret, at Chrome kan ikke håndtere 2 HTML
kommentarer efter hinanden...
På siden kan man desuden se både FB- og twitter knapper der validerer,
hvis nogen skulle have den interesse.
]
Birger
--
http://varmeretter.dk - billig, sund og hurtig mad
http://bbsorensen.dk