Knowledgebase

BASIC website layout help

tags

Posted by Goldfiles, 07-10-2007, 12:20 PM

I need a bit of help with some very basic webdesign layout issues. I simply want to make a website with 2 columns of content. The left hand side needs to be exactly 200px wide. The right hand side needs to be 100% of the remaining screen width. I assume the best way to do layouts would be using tags now-a-days. Can someone give me a quick sample of how to have a two column layout in tags? I appreciate the help.

---

Posted by jmcgon, 07-10-2007, 12:36 PM

http://csseasy.com/layouts/fluid/2column_left.html

---

Posted by Goldfiles, 07-10-2007, 02:16 PM

That works, but it brings up another issue. If you have a really wide table in the center then that div will crash and go below the left one. Some of my pages have necessarily wide content, and the center needs to be able to overflow horizontally instead of sending the center div below the left div. ideas?

---

Posted by mwatkins, 07-10-2007, 02:18 PM

There are a number of ways to to this. I would suggest browsing through the articles at http://alistapart.com/ for ideas. Here's one approach using floats and margins on a wrapper div. Note, always, always, use a DOCTYPE, be it HTML 4.01 or XHTML or what have you. And use a validator: http://validator.w3.org/detailed.html I put in empty declarations for some of the divs to make it easy for you to add borders and such and see how this hangs together.

---

Posted by Goldfiles, 07-10-2007, 03:53 PM

mwatkins, like always, you are the man! That fixed my formatting issues for both IE and Firefox. Thanks!!!

---

Posted by Shamray, 04-11-2011, 12:19 PM

Good! it is rather helpful! thanks too!

---

Add to Favourites    Print this Article

are half of people here under age 18? (Views: 721)

Integrating daemons, PHP with multi-threading (Views: 645)

SmartScreen woes (Views: 675)

location of wget files (Views: 647)

DandJCC Strikes Again: (Views: 682)