3 articles CSS

Replacing HTML tables with CSS to improve responsive design

Many websites are still displaying HTML tables with those "<table><tr><td>" tags.  The problem is, try loading a table that looks nice on your desktop computer onto a mobile device and chances are, parts of your table will no longer be visible on screen, or the table will resize and squish the content.  Tables aren't meant…

A CSS Z-Index rule and why it works sometimes and not others

In order for CSS z-index to work properly, the element you are applying the property to can only be "position:absolute" or "position:relative".  Though Firefox seems to ignore with a wink to the developer and assign z-indexes as intended, this is a common issue especially with older versions of Internet Explorer, IE 9 & IE 10…

Center a Div and other HTML blocks

CSS can often be tricky.  What do we need to do to get all those pesky browsers to show things the way we want?!  Sometimes, I marvel at the patience of people who find out, after hours, just how to nudge something properly one way or get the body of text to flow and display…