473,725 Members | 2,251 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Layout: Divs or Tables?

Hi,

What do you recommend for defining the layout of an asp.net 2.0 page?
Leaving masterpages and user controls aside for the moment is the use of
tables or Divs the best approach?

I have been using tables so far to define the layout and use % based sizes
so things stretch or shrink to fit the screen size. It works fine.

I read about using DIVs and saw this approach being used in some MS Asp.net
design templates. They use divs and use CSS to handle the layout.

Which is best, does it matter at all?
Mar 14 '07 #1
6 1513
To be honest, I prefer the table approach. You can do great things with CSS
positioning, but it can be easy to create strange visual errors. Not to
mention that it always seems that after you design with CSS there's at least
one browser you didn't check with that has a visual error :-)

I like to use the tables for the general structure and often rely on the
divs if I need something special, such as hideable text through javascript,
etc.. I still use CSS in my app, I've just kept away from the absolute
positioning as it just seems to take so much time to get it right compared
to tables.
--
Hope this helps,
Mark Fitzpatrick
Former Microsoft FrontPage MVP 199?-2006

"NH" <NH@discussions .microsoft.comw rote in message
news:D2******** *************** ***********@mic rosoft.com...
Hi,

What do you recommend for defining the layout of an asp.net 2.0 page?
Leaving masterpages and user controls aside for the moment is the use of
tables or Divs the best approach?

I have been using tables so far to define the layout and use % based sizes
so things stretch or shrink to fit the screen size. It works fine.

I read about using DIVs and saw this approach being used in some MS
Asp.net
design templates. They use divs and use CSS to handle the layout.

Which is best, does it matter at all?

Mar 14 '07 #2
I agree about the absolute positioning, I remember the first web app I built
in asp.net 1.0 and used the gridlayout option on the page. I thought it was
great until I viewed the web page from a different users monitior that had a
different display resolution.

I suppose you learn from your mistakes.

"Mark Fitzpatrick" wrote:
To be honest, I prefer the table approach. You can do great things with CSS
positioning, but it can be easy to create strange visual errors. Not to
mention that it always seems that after you design with CSS there's at least
one browser you didn't check with that has a visual error :-)

I like to use the tables for the general structure and often rely on the
divs if I need something special, such as hideable text through javascript,
etc.. I still use CSS in my app, I've just kept away from the absolute
positioning as it just seems to take so much time to get it right compared
to tables.
--
Hope this helps,
Mark Fitzpatrick
Former Microsoft FrontPage MVP 199?-2006

"NH" <NH@discussions .microsoft.comw rote in message
news:D2******** *************** ***********@mic rosoft.com...
Hi,

What do you recommend for defining the layout of an asp.net 2.0 page?
Leaving masterpages and user controls aside for the moment is the use of
tables or Divs the best approach?

I have been using tables so far to define the layout and use % based sizes
so things stretch or shrink to fit the screen size. It works fine.

I read about using DIVs and saw this approach being used in some MS
Asp.net
design templates. They use divs and use CSS to handle the layout.

Which is best, does it matter at all?


Mar 14 '07 #3
This topic was discussed numerous times in this newsgroup. The conclusion
was if you're more a programmer, tables let you create a robust and
reasonably good design fast. If you're more a designer, you can express
yourself more with divs provided you learnt well how to use them properly.

--
Eliyahu Goldin,
Software Developer & Consultant
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin
http://usableasp.net
"NH" <NH@discussions .microsoft.comw rote in message
news:D2******** *************** ***********@mic rosoft.com...
Hi,

What do you recommend for defining the layout of an asp.net 2.0 page?
Leaving masterpages and user controls aside for the moment is the use of
tables or Divs the best approach?

I have been using tables so far to define the layout and use % based sizes
so things stretch or shrink to fit the screen size. It works fine.

I read about using DIVs and saw this approach being used in some MS
Asp.net
design templates. They use divs and use CSS to handle the layout.

Which is best, does it matter at all?

Mar 14 '07 #4
"Mark Fitzpatrick" <ma******@fitzm e.comwrote in message
news:ex******** ******@TK2MSFTN GP02.phx.gbl...
To be honest, I prefer the table approach. You can do great things with
CSS positioning, but it can be easy to create strange visual errors. Not
to mention that it always seems that after you design with CSS there's at
least one browser you didn't check with that has a visual error :-)

I like to use the tables for the general structure and often rely on the
divs if I need something special, such as hideable text through
javascript, etc.. I still use CSS in my app, I've just kept away from the
absolute positioning as it just seems to take so much time to get it right
compared to tables.
Me too.

CSS layout suddenly became fashionable about a year ago, which made it
proponents sneer at us poor dummies who still used tables for layout... :-)
Mar 14 '07 #5
And CSS positioning allows you to conform to Accessibility Guidelines -
which may be a legal requirement on you. You can't do that with tables as
they produce garbage through a screen reader.

Just my 2c.
Peter

"Eliyahu Goldin" <RE************ **************@ mMvVpPsS.orgwro te in
message news:ux******** ******@TK2MSFTN GP05.phx.gbl...
This topic was discussed numerous times in this newsgroup. The conclusion
was if you're more a programmer, tables let you create a robust and
reasonably good design fast. If you're more a designer, you can express
yourself more with divs provided you learnt well how to use them properly.

--
Eliyahu Goldin,
Software Developer & Consultant
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin
http://usableasp.net
"NH" <NH@discussions .microsoft.comw rote in message
news:D2******** *************** ***********@mic rosoft.com...
>Hi,

What do you recommend for defining the layout of an asp.net 2.0 page?
Leaving masterpages and user controls aside for the moment is the use of
tables or Divs the best approach?

I have been using tables so far to define the layout and use % based
sizes
so things stretch or shrink to fit the screen size. It works fine.

I read about using DIVs and saw this approach being used in some MS
Asp.net
design templates. They use divs and use CSS to handle the layout.

Which is best, does it matter at all?


Mar 14 '07 #6
I'm afraid it won't help much as my personal preference is to use DIVs
whenever possible but I still use TABLEs for layout when significantly
easier/faster.

"NH" <NH@discussions .microsoft.coma écrit dans le message de news:
D2************* *************** **...icrosof t.com...
Hi,

What do you recommend for defining the layout of an asp.net 2.0 page?
Leaving masterpages and user controls aside for the moment is the use of
tables or Divs the best approach?

I have been using tables so far to define the layout and use % based sizes
so things stretch or shrink to fit the screen size. It works fine.

I read about using DIVs and saw this approach being used in some MS
Asp.net
design templates. They use divs and use CSS to handle the layout.

Which is best, does it matter at all?

Mar 14 '07 #7

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

39
5678
by: Zak McGregor | last post by:
Hi all Are there any good solutions to aligning form field names and input boxes without resorting to tables? I am struggling to do this nicely at the moment. Thanks Ciao Zak
47
9148
by: Neal | last post by:
Patrick Griffiths weighs in on the CSS vs table layout debate in his blog entry "Tables my ass" - http://www.htmldog.com/ptg/archives/000049.php . A quite good article.
22
3509
by: Jam Pa | last post by:
Once again my big mouth has landed me with a tough job. I have a static CSS layout, where each and every element has been defined by pixel size - lots of them, too! Mostly relative elements, though. Imagine centered column layout, with a header box, and content box with lots of smaller content boxes of different sizes, some spanning several 'rows' or 'columns'. How would you go about changing this kind of static layout into
8
8912
by: T. Bjarne | last post by:
I'm writing a form with a grid layout (similar to the ones in phpMyAdmin). The form will contain X number of columns and Y rows - all cells containg INPUT elements. As long as the data isn't tabular I want to avoid tables. Is there a smart way (DIVs and CSS) to do this form without a table? Could I consider a form like this as tabular data, and forget making it tableless? Thanks,
30
3141
by: Diane Wilson | last post by:
I'm trying (once again) to figure out how to make a robust CSS layout style that can replace tables. I'd like to be able to do a basic two-column layout, with a one-column header, a two column body, and a two-column footer. The problem, and one that always sends me back to using tables, is that word "robust." Absolute positioning gets squirrelly, because it takes the positioned elements completely out of the float scheme, and stuff...
15
2323
by: Tamblyne | last post by:
This problem has got to have a simple solution and I can't be the first person who has ever handled it. Perhaps Google is no help because I'm not using the right terms? (I did find one post on-point, but no one responded to it.) I have a two column layout with a header and a footer. If the "content" is longer than the "navigation", there is no problem. However, if the content is shorter than the navigation, the navigation menus...
5
2673
by: Jeff User | last post by:
Hi all I am writing program/framework to server a web site dynamically based on stored web page data with C#, .net1.1 What is the preferred means of controlling page layout, frames or table(s) ? Benefits or problems related to using one or the other ?
5
1630
by: Ed Sproull [MSFT] | last post by:
First I'm pretty new to ASP.NET and I'm having a simple problem. I have small website with a header, sidebar and the the content. I want my content to appear beside my sidebar which seems to be a pretty standard layout. However when ever I resize my browser the content resizes below the sidebar. I've been digging through example websites can't seem to stop this behaviour. I had one person suggest Tables but I see a few posts that say...
53
4129
by: brave1979 | last post by:
Please check out my javascript library that allows you to create any layout for your web page, nested as deep as you like, adjusting to width and height of a browser window. You just describe it in javascript object and that's all. No need to know CSS hacks, no need to clutter your html with tables. http://www.bravelayout.scarabeo.biz/Quickstart
0
8752
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
9257
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
0
9116
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8099
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
0
6011
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
0
4519
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
4784
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
3228
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
3
2157
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.