Div Tags Vs Tables For Layout what should I use?

[nykademis 0]

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.

[MajesticTreeFrog 0]

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.

[SingleDaddyof2 0]

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.

[harriko 0]

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.

[ChronicLoser 0]

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

[miCRoSCoPiC^eaRthLinG 0]

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 )

[l337 Nurse Pedestrian 0]

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...

[NilsC 0]

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

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

[iGuest 3]

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

[Herbert1405241469 0]

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!

[Jeigh1405241495 0]

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.