Connecting Tech Pros Worldwide Help | Site Map

Table-less design. Am I doing this right?

Viken Karaguesian
Guest
 
Posts: n/a
#1: Jul 21 '05
Hello all,

I'm taking a shot at table-less design, but I feel like I'm poking in the
dark here. I decided to try and recreate the main page of a webiste that I
run, www.sayatnova.com, using CSS and table-less design. The page is
currently based on nested tables.

I'm not sure I'm doing this right, but I've created several DIV's and nested
them within each other. But, it doesn't line up at all in Firefox, and the
whole design seems really "buggy". If I put a space or type something or try
to move an image, the whole design collapses. It seems as if the design is
extremely delicate and prone to the slightest errors. I'm not sure if it's a
nature-of-the-beast thing or if it's poor design on my part. I'll be willing
to bet that it's poor design on my part :>)

Here's the link to my mock-up:
http://home.comcast.net/~vikenk/test/test.htm

Here's the link to the site I'm trying to emulate:
www.sayatnova.com


Beauregard T. Shagnasty
Guest
 
Posts: n/a
#2: Jul 21 '05

re: Table-less design. Am I doing this right?


Viken Karaguesian wrote:[color=blue]
> Hello all,
>
> I'm taking a shot at table-less design, but I feel like I'm poking
> in the dark here. I decided to try and recreate the main page of a
> webiste that I run, www.sayatnova.com, using CSS and table-less
> design. The page is currently based on nested tables.[/color]

...and frames oh my.
[color=blue]
> I'm not sure I'm doing this right, but I've created several DIV's
> and nested them within each other. But, it doesn't line up at all
> in Firefox, and the whole design seems really "buggy". If I put a
> space or type something or try to move an image, the whole design
> collapses. It seems as if the design is extremely delicate and
> prone to the slightest errors. I'm not sure if it's a
> nature-of-the-beast thing or if it's poor design on my part. I'll
> be willing to bet that it's poor design on my part :>)[/color]

You would most likely win the bet. :-)
[color=blue]
> Here's the link to my mock-up:
> http://home.comcast.net/~vikenk/test/test.htm[/color]

Oh. That appears to be an attempt at a two-column layout, but your
original ...
[color=blue]
> Here's the link to the site I'm trying to emulate:
> www.sayatnova.com[/color]

...is frames and three columns. Have a look at some well-designed
templates and then decide if you are approaching it correctly.

http://www.benmeadowcroft.com/webdev...th-footer.html

Links there to Ben's other layouts, two-column and so forth. Once you
have gleaned all this, you can then dump the following:

"**This site is designed to be viewed full screen on a 17" monitor at
800x600 resolution and may not look correct at other resolutions.
**The preferred browser for this site is Microsoft Internet Explorer
Version 5.0 or higher. Certain features may not operate correctly with
other browsers. ..."

(Don't know why I need a 17" monitor to use 800x600. Usually larger
monitors have higher resolution.)

--
-bts
-This space intentionally left blank.
Closed Thread