OverclockersClub Forums: Tables Vs Div For Page Layout - OverclockersClub Forums

Jump to content

Rules

Don't want to be BANNED? Read the rules!
  • 2 Pages +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic

Tables Vs Div For Page Layout CSS All The Way Rate Topic: -----

Poll: Tables Vs Div For Page Layout (31 member(s) have cast votes)

Tables Vs Div For Page Layout

  1. Tables (22 votes [70.97%])

    Percentage of vote: 70.97%

  2. Divisions (5 votes [16.13%])

    Percentage of vote: 16.13%

  3. Other (0 votes [0.00%])

    Percentage of vote: 0.00%

  4. No Opinion (4 votes [12.90%])

    Percentage of vote: 12.90%

Vote Guests cannot vote

#1 User is offline   d3bruts1d Icon

  • Posting Nut
  • PipPipPipPipPipPip
  • View gallery
  • Group: Forum Admin
  • Joined: 04-April 02
  • Gender:Male
  • Location:Knoxville, TN

Posted 23 September 2005 - 07:58 AM

I'm debating on how I want to code a new website that I'm working on. As anyone with HTML experience knows, there are really three ways to accomplish a standard 3 column layout, such as the one used here on OCC and many other sites.

The first option is to use tables, like OCC and my own personal site. The code is ugly and complex, but it gets the job done. If someone tries to shrink the browser window down, the site format still holds together pretty good.

The next option, which is gaining popularity is to use "div" tags, which is short for divisions. Slashdot.org just moved to this method. This leads to a lot simpler code, but things can get pretty ugly when a user tries to change the browser size.

The third "option" which, to be honest, hasn't been a true option since the late 80's is to use frames. This just sucks anyway you look at it.

Styling will be done using CSS regardless of how the layout is done.... Tables vs. Div


Just wanted to get some feedback from others on what they prefer when creating or maybe even viewing a page.
The opinions expressed in this post are my own and do not necessarily represent that of OverclockersClub.com, its affiliates or sponsors.
If you enjoy my ramblings you may want to visit my blog, follow me on Twitter, or friend me on Facebook.

#2 User is offline   Nerm Icon

  • OCC Beefcake
  • PipPipPipPipPipPip
  • View gallery
  • Group: Forum Admin
  • Joined: 22-February 04
  • Gender:Male
  • Location:Madison, IN

Posted 23 September 2005 - 09:26 AM

I love tables! Every site I do uses the table method. :)

Main Rig :: Q6600 @ 3.8Ghz :: 2x HD4850 Crossfire :: Asus P5K3 Premium Black Pearl ::
HTPC :: 4850e :: HD2600xt :: Gigabyte GA-MA78GM-S2H :: 1TB Storage ::
Ubuntu Server :: Athlon XP 2500+ :: Radeon 9800xt :: MSI K7N2 ::
OCC Site Rules :: Site Help FAQ :: Extreme Cooling FAQ :: OCC Benchmark Team

#3 User is offline   hardnrg Icon

  • Overclocking the i7... finally
  • PipPipPipPipPipPipPipPip
  • Group: Reviewer
  • Joined: 21-April 04
  • Gender:Male
  • Location:Manchester, UK

Posted 23 September 2005 - 01:47 PM

tables give you ultimate control imo... nested tables... millions of tables like a fractal made up of tables... that's what you want lol...

i've never got anything else to keep the layout exactly right when extending AND reducing beyond/below the intended viewing size with anything else apart from tables...

tables... and image slicing... :)
( How To Ask A Question ) · ( F@H Sigpics ) · ( Rules ) · ( USB Bootdrive ) · ( Modding & Computer Stores ) · ( OCC Posted Image )
i7 920 D0 @ 21x196=4116, HT on · D-Tek Fuzion v1 · 3x2GB Corsair XMS3 PC3-10666 @ DDR1176, 8-8-8-22-1T
BFG/XFX GTX260 Maxcore SLI @ 756/1512/1188 (Swiftech MCW60-R + Swiftech GTX200) · Asus P6T Deluxe V2
X-Fi XtremeMusic (Hotrodded) · PCP&C Silencer 750

Athlon II X4 635 @ 2900 · 2x 2GB PC2-6400 · HD5550 1GB · Asus M4A77D · Antec Neopower 480

EeePC 1000H @ 12x164=1965 · 1x 2GB Corsair VS PC2-5300 · Gigabyte Aircruiser N300 GN-WI06N
Posted Image

#4 User is offline   Vasto Icon

  • Sexiest OCC Member
  • PipPipPipPip
  • Group: Members
  • Joined: 13-October 04
  • Location:USA

Posted 24 September 2005 - 11:34 AM

I use tables, mostly because I never cared for the restrictions of div.
Posted Image
0

#5 User is offline   94Camaro Icon

  • Veritas. Aequitas.
  • PipPipPip
  • Group: Members
  • Joined: 27-October 04

Posted 24 September 2005 - 11:42 AM

Well I don't code websites, but I'll throw in my opinion.
I absolutely hate sites that are coded so they are always 800x600 or something no matter the size of the window. I run a much higher res, so these sites are ridiculously tiny! I guess my vote is for tables as well.
Posted Image
Intel Core 2 Duo T7200 -- ATI Mobility Radeon X1400 -- 1GB PC5400 -- Win XP MCE
Mathematics is the language with which God has written the universe. - Galileo Galilei
0

#6 User is offline   kanbeki Icon

  • YOU WERE ALMOST A JILL SANDWICH!!!!
  • PipPip
  • Group: Members
  • Joined: 28-November 03
  • Location:Central PA

Posted 24 September 2005 - 11:52 AM

Tables have had their run, div has been the new hotness for some time, plus you can layer em to get cool effects and if you're worried about resize distortion just use percentages instead of fixed pixel values
Opteron 165 @ 2.25ghz stock volts | DFI NF4 Ultra-D | 2GB Gskill DDR500| eVGA 7800GT | Sound Blaster Live | Antec P150 | OCZ 500WSLI PSU | Logitech G5 | Logitech lx510
0

#7 User is offline   CmpFreak88 Icon

  • WTF Mate?!
  • PipPipPipPip
  • Group: Members
  • Joined: 16-July 03

Posted 24 September 2005 - 12:13 PM

Hm... I haven't really looked at sites lately and I'm a loyal follower for tables. I'll have to look up Div's and see how they work, advantages and disadvantages, but I'm a table person. Yeah it may get confusing but how are you coding? For me I'll code it with a program, Evrosft 1stPage and it has a cool table feature which is really easy, then I just add comments so I know which table is what and it makes it soooooo mcuh easier. But from the above post, it looks like I need to look into Div's...
AMD64 3500+ | MSI K8N Neo2 Platinum | Sapphire X800XT-PE
XP-120 w/Panaflo | 2 X 36.7Gb Raptors in Raid0 | Audigy 2 ZS w/Logitech Z-640's
1Gb G.Skill DDR550 | Fortron Source 500W PS
-----------------------------------------------------------------------------
17" Macbook Pro | Intel Core 2 Duo 2.4Ghz | 4Gb DDR2 Memory | NVidia 8600M GT
0

#8 User is offline   BiPolar Icon

  • Mature Cheese
  • PipPipPipPip
  • Group: Members
  • Joined: 29-January 04

Posted 24 September 2005 - 02:22 PM

i'm loyal to tables mostly because i understand them. however, I know that div's are the new 'thing' and if you can get htem to do what you want, use them.
amd xp2600+ m (11.5@185) * 1gb Kinston pc3200 Valueram
Abit NF7-S rev.2 * Antec True 430
thermaltake alx-800 w/ panaflo 80mm M1a fan
msi geforce ti4200
Seagate 160 SATA * Maxtor 80 IDE
0

#9 User is offline   d3bruts1d Icon

  • Posting Nut
  • PipPipPipPipPipPip
  • View gallery
  • Group: Forum Admin
  • Joined: 04-April 02
  • Gender:Male
  • Location:Knoxville, TN

Posted 26 September 2005 - 08:53 AM

Tables are the easy route to go, that's for damn sure. I've been playing around with div tags and CSS formatting for the last couple of days, and things are finally starting to take shape (pardon teh pun).

I'm still not 100% convinced I'll use divs. Going to have to do a bit of cross browser testing. IE5 tends to screw everything up. :lol:
The opinions expressed in this post are my own and do not necessarily represent that of OverclockersClub.com, its affiliates or sponsors.
If you enjoy my ramblings you may want to visit my blog, follow me on Twitter, or friend me on Facebook.

#10 User is offline   ShadowPaktu Icon

  • I'm human damnit!!!
  • PipPipPip
  • Group: Members
  • Joined: 08-August 03

Posted 17 October 2005 - 05:48 AM

Use divs.

For starters.

Tables were never designed to be used for a method of design, they were designed for statisticle data, usually out of a database.

Tabels are inflexible, in the end of the day, require more coding and tags than the DIV and SPAN tags.

The problem you mentioned with DIV's and resizing windows is in my opinion nonsence. Of all the sites i have designed (for my own personnal use and now in my job for the Police Force's Intranet) I scale my layouts so they fit nicley, no matter what the window width is.

I believe dropping tables for DIV's would be the best thing you do for website design and layout. There are not really many major cross browser issues to do with using DIV's for design, apart from a few missfitts here and there. As i have moved on to Possitional CSS, you will be amazed at what can be done with this technology, and how fluid it has become. There are thing i do in PCCS that are impossible to do with the use of tables alone.

If you ever do decide to go with PCSS, there is one word of advise i shall give: Make sure you plan your stylesheet and tags at the start of your project. It is a major factor and it wil ltake time, BUT, that said, when you do get your style sheets complete, it is just a matter of knocking out pages with ease.

Im not the best of speakers (as you may tell), and im not that great at getting my point across about one method or another, but ill put it this way: Using DIV's can be MORE flexible than using tables with minimal PCCS experiance.
0

#11 User is offline   Puck Icon

  • I'm your Huckleberry
  • PipPipPipPipPip
  • Group: Members
  • Joined: 08-January 05

Posted 17 October 2005 - 06:10 AM

Nested tables and gutters are the way to go IMO. Hold together real nice when using percents if the window is resized.
*Win7 PRO x64 - Xeon E3110 @ 4.3ghz 24/7 - Asus Maximus Formula - 2X2GB G.Skill DDR2 - Dual Sapphire 6870s in Xfire - 26" 1920x1200 LCD - OCZ Z-Series Z850w -
AC Eheim Pump(1320Lp/H!!)+Enzo Saph revA+MCP320+3X Delta 142CFMs+DD 5 1/4 dual bay res*

Nerm, on Jul 15 2005, 07:56 AM, said:

Wow, puck just kinda summed that one up for most of us lol. I agree with puck. :)

Verran(RIP Friend), on Jul 27 2005, 07:38 PM, said:

Man Puck... I couldn't have said it better myself!
"My other rig is a z28"
"My other other rig is a ZX6R"
0

#12 User is offline   DrAwesomePhD Icon

  • Member
  • PipPip
  • Group: Members
  • Joined: 13-May 04
  • Location:behind you!

Posted 27 October 2005 - 12:02 PM

Use divisions!!!

The whole movement towards CSS is a positive one , dont get caught behind!!

It loads a whole lot faster, and is a lot more dynamic... theres a few website but i cant remember them... anyway, there was this guy who convinced windows to change over to CSS too, and he had this elaborate presentation, it explained how the loading times a much smaller, the HTML code is much smaller (if i remember it was like 28kb vs. 50kb) and there are a lot less of everything-bad and a lot more of everything-good.

CSS is the way to go, down with tables....

and on the whole resizing of divs... you can define the width of them in terms of pixels... width: 200px... and then you cant resize it it will ALWAYS be 200px wide.

Or, if you want, width: 80%.. a percentage.. its all good. divs = better!

As far as IE messing stuff up, i think theres an error with the "margin" tag in IE.. it interperates the "margin" to be a margin on the INSIDE of the picture, while firefox and everything else interperts it as being a margin on the OUTSIDE of the picture, so if you have a 200x200 picture with margin 10, its 190x190 in IE and 200x200 with a border of width 10 in firefox/opera... (i think , im not too sure about this, just something i heard).

Other than that, i think all CSS works fine with cross-browser.

This post has been edited by DrAwesomePhD: 27 October 2005 - 12:08 PM

0

Share this topic:

  • 2 Pages +
  • 1
  • 2
  • You cannot start a new topic
  • You cannot reply to this topic