OpenSource project at sourceforge.net/projects/totalshopuk/files/
The project currently uses Tables for design and I’m slowing converting everything to DIVs.
Table Demo http://www.totalshopuk.com/
My progress so far can be found at http://ci2.totalshopuk.com/
as you can see (when zoomed in and measured) it doesn’t quite line up.
Would anyone be able to help line up the DIVs correctly and to get the border on the right to flow to the bottom without specifying a fixed height?
Many Thanks!
I can offer some advice when you’re venturing into the amazing world of tableless web design (congratz on that, by the way).
Do yourself a favor and use a CSS Grid. It’ll solve many of your problems with alignments and distribution of elements on the page.
From what I could see, you’re using just your own CSS to do everything.
Take a look at 960 and CSSGrid (I really love this last one), and see if using that makes your life easier.