Just completed this redesign...
Let me know what you think...
Any/all comments appreciated
sorry - forgot the url
Please review tableless design
Hi
You need to set a minimum width to stop the divs in the header from overlapping when the screen size is too narrow.
I've done a few posts on how, so do an advanced search for me and min-width
Trevor
Please review tableless design
that left column is absolutely positioned right? I'd like to know how you did that
Overall site design looks good except those few problems that Treva pointed out
Hey Fruitcake
that left column is absolutely positioned right?
Yes it is... essentially there are divs for
headers - horz nav - nav(the lh column) - wrapper - content - footer which is the order they are listed in the html
the css:
#nav {position: absolute;left: 10px;
top: 120px;width: 180px;}
#wrapper {margin: 0px 0px 0px 200px;
background-color:#fff;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;}
#content {margin: 0px 10px 10px 10px;
padding: 10px;
background: #fff;}
On a side note... I've tried Trevor's idea of min-width and can't seem to get it to work... at least not in the manner Trevor alluded to
Please review tableless design
Whenever i tried to a left column absolutely positioned and with a footer underneath, it would never recognise that te content in the absolutely positioned box has finished, so when i resized, the footer will continue to stay at the bottom of the page past the content in the left box. I think you will know what i mean. I need a simple solution i can understand