Ideas and Inspiration

[simonjones]

I’d like to pick your brains, if I may?

In March I agreed to build a website for my sister’s business, and in doing so, I quickly realized my knowledge was left rather wanting. The first stupid thing I completely failed to consider was screen resolutions, and I constructed this site entirely around my own computer (1280x1024). It’s basically a table with an iframe, and the result in smaller resolutions, is, of course, an unnecessary amount of ugly scroll bars . . . as you can see: http://www.whitetara.co.uk/index.html

At the moment, having got a few days off work, I thought I’d re-address this issue, and have since built this: http://www.whitetara.co.uk/demo/index.html
This works (for me) in every resolution. However, the moment I start trying to create the menu, the height starts growing again.

If any of you have any ideas, please don’t by shy in sharing them with me. Thanks in advance.

[Jon101]

the demo is basically just the background of the page?

[simonjones]

Yeah, the demo is just the table (so far), into which I'm hoping to add an iframe, menus, etc.

[Twey]

Don't use tables for layout, and don't use iframes for anything. You want two 100&#37;-width <div>s and a float in the middle.

[Jon101]

Im with Twey, iframes are not the way to go.

[simonjones]

OK, thank you. Please excuse my ignorance, but what's a "float"?

[Twey]

An element with the float CSS property applied to it. You should probably read some tutorials.