5 replies [Last post]
rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 2 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Just completed this redesign...
Let me know what you think...
Any/all comments appreciated

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 2 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

sorry - forgot the url

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 50 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

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

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 12 years 30 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

Please review tableless design

that left column is absolutely positioned right? I'd like to know how you did that Smile

Overall site design looks good except those few problems that Treva pointed out Smile

I am Dan, Dan I am.

rmfred
rmfred's picture
Offline
Elder
Rock Springs, WY
Last seen: 2 years 2 weeks ago
Rock Springs, WY
Timezone: GMT-6
Joined: 2004-01-31
Posts: 1073
Points: 31

Hey Fruitcake

Quote:
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

Fruitcake
Offline
Enthusiast
Perth, Australia
Last seen: 12 years 30 weeks ago
Perth, Australia
Timezone: GMT+8
Joined: 2004-04-12
Posts: 257
Points: 0

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 Tongue

I am Dan, Dan I am.