Comment by DaiPlusPlus
5 years ago
> Anyone remember the hacks for drop shadows and rounded corners?
Originally it was kinda simple: just a 3x3 <table> with stretched images in the outer cells, then <div>-itis. Fortunately we rarely needed 9 nested <div> elements - a common trick was to create a 2000x2000px-sized PNG containing the top-left, top, and left-edge border and then another for the other side and make that a background image - the only problem was the lack of support for transparency and how IE would get PNG colors wrong for some reason until IE8 unless you altered the gamma ( https://salman-w.blogspot.com/2011/03/png-color-problem-in-i... )
I remember building rounded containers this way, it’s been so long I had forgotten how much border-radius has saved us from those little hells.
And that was around the time the CMS was really getting mainstream (instead of Frontpage). So then you had to go digging through a million templates trying to wrap the right thing with your 3x3 table.
It was fun breaking sites with XSS vulnerabilities (i.e. most of them) where entering </table> into an unsanitized user-content editor would break the entire website layout.