Or is it IE's? Others said it is IE's bug. But I think it is Mozilla's? Pero IE cguro talaga. Kasi ganito, FireFox ignores the image height and width as spacer. Pero sa IE, yung exceeding space ng background image mo, ay ginagawa nyang spacer. San nga ba ang tama dito? In making paragraph division tags din, sa FireFox ang float right ay hindi na na a-align sa background. But, in IE, it works fine. Na resolve ko to for both IE and FireFox, how? I didn't use P DIV IDs for floating images to right, with image background. Ma e encounter mo lang to, pag yung div tag mo is within another div tag. Like placing a log with a gradient background that repeats horizontally. Para makagawa ka ng header in CSS Liquid Layouting Technique, also known as, resolution dependent layout.
Back to the first bug. Sa palagay ko sa IE to. IE should ignore exceeding image height as spacer, like FireFox does. Text spacing should use padding, tama ba CSS gurus? Kasi pag yung exceeding width ay height + padding ang base natin ng spacing ay magulo. Kaya, etong post ko ay mali ang title, dapat cguro IE bugs, nating FF. Hehehe.. Pero marami paring bugs na nakalimutan ko. Kaya napaka importante na alam natin ang cross-browser issues at W3C web standards para maiwasan ang mga CSS floating, spacing, padding, at iba pang bugs na makikita mo pag nag hahard code ka ng CSS. Hayyy.. kasakit talaga to ng ulo, CSS pa nga to. lalo na pag PHP part na yung gagawin ko. waaaaaaaaaa!!! Pero infairness, enjoy din mag code. Kasi masaya, kaya enjoy, at masaya, kasi enjoy. Toink? Gulo no? Ganito talaga ako mag post. pasensya na po :)
Image courtesy by: www.readwriteweb.com
Article by: sino pa nga ba? ehdi si Jehzeel Laurente, hehehe..