views:

36

answers:

2

We need to design a webpage layout. Using table we can divide layout into six zones (cells) as shown below:

ZONE 1 ZONE 2 ZONE 3

ZONE 4 ZONE 5 ZONE 6

Now, it is possible to merge ZONE 2, ZONE 5 and ZONE 6? We need to use DIV?

A: 

I'm not 100%, but it sounds like a job for CSS. Why do you want tables?

(Is it crucial that Zone 1 & Zone 3 have equal height?)

Onkelborg
@Onkelborg: Thanks for your reply. Zone 1 and Zone 3 have different widths and heights. We can control them using table but we are unable to merger ZONE 2, ZONE 5 and ZONE 6. Any help?
Malik
Onkelborg
@Onkelborg:Thanks again. Let me try. Will get back to you.
Malik
+2  A: 

See: Why tables for layout is stupid

Use CSS instead.

Galwegian
@Galwegian: Thanks for your reply. I am also thinking the same that div is the only solution. Just need to confirm as shifting from table to div is not easy. It will be very helpful if you can specify more resources for "crash course in Div based layouts". Thanks again.
Malik
@Malik - it'll be worth your while learning the CSS box model (http://www.w3schools.com/css/css_boxmodel.asp). Actually, take a look at all the CSS stuff at w3 schools - it's a great site (http://www.w3schools.com/css/default.asp) - good luck!
Galwegian
@Galwegian: Thanks again for your prompt response and resources. As you know that developers always face "THE RIGID DEADLINES". Anything more precise like the first resource will help a lot and may be i am able to have some sleep :(.
Malik