Jump to content
xisto Community
Sign in to follow this  
nykademis

Div Tags Vs Tables For Layout what should I use?

Recommended Posts

Hello everyone. First of all, hello.I want to make a really nice website. I don't want to use tables but if I want to make a page with Adobe Image Ready it would be tables based. I know when I use DIV tags it's simpler and the loading time seems to be faster. I don't know if i can make a good looking site with just DIV tags. Does anyone have a preference when doing the layout of their site?If I use DIV tags the main graphic on the site will be the banner. I'm not a very big fan of heavy graphics. The content of the site is actually my main concern, and hopefully will attract a lot of people. Also, tables are just horrific for me. The coding is heavy.

Share this post


Link to post
Share on other sites

Hello everyone. First of all, hello.

I want to make a really nice website. I don't want to use tables but if I want to make a page with Adobe Image Ready it would be tables based. I know when I use DIV tags it's simpler and the loading time seems to be faster. I don't know if i can make a good looking site with just DIV tags. Does anyone have a preference when doing the layout of their site?

 

If I use DIV tags the main graphic on the site will be the banner. I'm not a very big fan of heavy graphics. The content of the site is actually my main concern, and hopefully will attract a lot of people. Also, tables are just horrific for me. The coding is heavy.

<{POST_SNAPBACK}>


Its more a question of convenience. With Div tags and CSS, you can write the CSS once and then never worry about the styling of your site again, and then spend your time entirely on content.

 

With tables, you have to redo things every time content changes significantly(in certain ways). In this way CSS is much more efficient.

Share this post


Link to post
Share on other sites

I used tables to layout my first webpages just so I could gain some HTML skills. Then I decided I wanted to learn CSS and redid my webpage layout using CSS (wasn't all that difficult). I love CSS. It offers much more convenience, flexibility and style to websites. I read many online CSS tutorials and also bought a book on CSS to get a handle on it. In general, tables are discouraged for laying out webpages, although many, many sites still use tables for their layout. I try to just use tables for tabular data.

Share this post


Link to post
Share on other sites

i have used tables for my lastest layout and it seems to works with css! i havent came across any major websites that use div. i use them for layering with scrolls. i think tables maybe the best layouts for websites.

Share this post


Link to post
Share on other sites

i also use tables for my site...and i've regretted it >_< divs seem much more efficient and easier to change. Tables (if you use them for designing) are hard to change when I want to change something in the design/layout. THe reason I used tables was because, like nykademis i found that imageready does a better job with tables then divs, though I know it is possible to change the settings to use divs instead ^_^

Share this post


Link to post
Share on other sites

I found a combination of css and tables (and sometimes divs - for floating layers or moving layers) the most useful.. But css rulez... with css you can completely skin your site - have a different theme loading depending on the weekday (i.e. if you are going to put in that much of hard work :P )

Share this post


Link to post
Share on other sites

I wouldn't use DIV. I use tables for my site. I tried using DIVs, and it only messed up my site, things wouldn't display right. It's up to you though, it depends more on the site, and the Css you are using, if any. I'd use Div/layers for things inside my body, not for the body/layout itself. Maybe I worded that wrong...

Share this post


Link to post
Share on other sites

I'm working on setting up my website without tables (very slow comming) The layout are with containers and no tables, unless it's data that are expected to be in a table :P

I use CSS for styling and layout with as little or no java-script unless needed for support of IE. The problem right now with CSS is that it's evolving faster than most browsers so no browsers are 100% compliant at any given time. CSS will be easier to maintain and work with when more browsers are compliant. Changing a whole sites layout is easier with CSS than with frames as far as I have experiensed. One of the issues are how the different browsers don't show the same layout for your web site. Gecco based browsers support the rounded corners when you create a box other browser will show the same box with square corners unless you slice a circle in 4 and use them as images or you can use stacked 1 pixel <div>'s for the same effect.

-moz-border-radius:25px;
this code will show up with curved edges in mozilla-based browsers.

If you create a class for the curvedbox in your CSS stylesheet it will look something like this.
.curvedbox {    width: 200px;    padding: 1em;    background-clor; #CCFFCC;    border: 2px solid #33527A;    -moz-border-radius:25px;}

not to much to it when you code for compliant browsers!

Nils

Share this post


Link to post
Share on other sites

DIV based layout is esay to make and maintenance

Div Tags Vs Tables For Layout

 

Hi All,

 

I have made lot of site, using DIV and CSS, Its is the great exp to build a site in DIV than the TABLE. Its really faster to browser..You can hava a look at the site http://forums.xisto.com/no_longer_exists/ for the DIV/CSS

 

Thanks

Cheers

 

-reply by Satyendra Kumar

Share this post


Link to post
Share on other sites

I say extremism is bad, so I use both! Div tags load faster than nested tables would, but tables display better for the most part as what you see is what you get, and you don't have to worry about specifying exact pixel sizes with tables, as some can resize dynamically... So I say use DIVS for the overall layout of the site,so you can apply some cool CSS formatting, but when it comes to laying out content, sometimes it's just easier to throw things into a table so they lay out nice!

Share this post


Link to post
Share on other sites

I'd say for simpler layouts div's are especially preferable. Its important to note the earlier posts in this topic are from a couple years ago, as browsers have a LOT more support for CSS and whatnot now. Frankly I hate tables personally as they can often be messy so I prefer to stick to CSS layouts whenever possible although I agree tables can be useful at times. For very complex layouts css can cause problems if not translated properly between browsers so in those cases, sure, tables are obvious the best choice. For more simplistic layouts with a simple banner, nav bar, and content I'd say always stick with css. Not only is the code nicer, but they load faster and are easier to make changes across the site.So yes, I'd agree that the most flexible is to use both in conjunction with each other, but if possible I'd recommend sticking with CSS.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.