2 replies [Last post]
Zearin Galaurum
Zearin Galaurum's picture
Offline
Regular
Maryland, USA
Last seen: 13 years 45 weeks ago
Maryland, USA
Timezone: GMT-5
Joined: 2004-02-07
Posts: 34
Points: 0

I've been giving a lot of thought to the tables vs. div layout issue recently. I don't seem to bear any of the ill will toward tables that I've sometimes seen on the web, and I think tables have served the purpose of layouts most faithfully. They've been put to great creative use. However, I recently decided that if it was possible to convert my site into a floating div layout, I'd do it. I want my site to become an advocate of greater W3C standards-compliant awareness.

My question lies in the fact that I don't want to use a standard 2- or 3-column layout. I want 5-6 divs arranged in a rectangle, vertically centered. (If you click on the link in my signature, I am working on a design that you will not find at my URL currently.)

Here's a thumbnail:

So there are 2 rows: The first row begins with a large rectangle, shown in light gray. Then there's a white square for navigation. Then a new row begins with a square for news, followed by 2 more squares for whatever else (in different shades of gray).

Is this possible to make with floating divs?

-- Zearin Galaurum
http//tony.gonk.net

DJSdotcom
Offline
Enthusiast
Rochester, NY / Chicago, IL
Last seen: 17 years 31 weeks ago
Rochester, NY / Chicago, IL
Joined: 2003-03-23
Posts: 95
Points: 0

Converting to a floating DIV layout (nonstandard design)

I'd do it with one big, perfectly positioned, background image on the body element (or containing div, either or). Don't drive yourself nuts with floating divs if you don't have to!

</twocents>

Daybreak_0
Offline
Enthusiast
Sydney, Australia
Last seen: 16 years 49 weeks ago
Sydney, Australia
Timezone: GMT+10
Joined: 2003-11-15
Posts: 389
Points: 0

Converting to a floating DIV layout (nonstandard design)

I think you are on the right track - Do not think that you are not using 2 or 3 column layouts, you are, but just not in the same context as if they were the starting layout as they happen to be in different rows on the same page.

So you could use floats, or have some columns fixed in size and positioned absolutely, and others fluid.

NB: Make you two rows position: relative, so the absolute postioned boxes will have a reference if you use them.

Regards
Day

The only way to learn is to do it yourself