There are many reasons not to use tables for layout. One of the most frequent reasons people give for continuing to use them is because it’s hard to do layout with CSS. Although CSS scripting does entail a learning curve, when you understand how to do CSS layout, you might be surprised at how easy it can be. And once you learn, you'll have addressed the second most common reason people give for not using CSS — “It's faster to write tables.” It’s faster because you know tables, but once you learn CSS, you might be just as quick with that.
Browser Support of CSS Positioning
CSS positioning is well-supported in all modern browsers. Unless you are building a site for Netscape 4 or Internet Explorer 4, your readers shouldn’t have any trouble viewing your CSS-positioned Web pages.
http://isbo.dk/showthread.php?tid=388732
http://forum.secondnaturesuccess.com/showthread.php?tid=203142
http://forum.golebieonline.pl/viewtopic.php?f=13&t=4675
http://forum.golebieonline.pl/viewtopic.php?f=13&t=3111
http://forum.golebieonline.pl/viewtopic.php?f=37&t=4651
http://forum.golebieonline.pl/viewtopic.php?f=4&t=1859
http://forum.golebieonline.pl/viewtopic.php?f=4&t=1820
http://forum.34sunrise.ru/viewtopic.php?p=1654092
http://forum.34sunrise.ru/viewtopic.php?f=7&t=312353
http://www.atlantascreenwriters.net/phpbb/viewtopic.php?t=802901
http://www.atlantascreenwriters.net/phpbb/viewtopic.php?t=780339
http://www.atlantascreenwriters.net/phpbb/viewtopic.php?t=839098
http://www.atlantascreenwriters.net/phpbb/viewtopic.php?t=838452
http://www.atlantascreenwriters.net/phpbb/viewtopic.php?t=818167
http://forum.34sunrise.ru/viewtopic.php?f=7&t=285885
https://thaismf.com/index.php?topic=656736.0
https://thaismf.com/index.php?topic=714572.0
https://thaismf.com/index.php?topic=705291.0
https://forum.tsonline.net.vn/index.php?topic=884.0
https://forum.tsonline.net.vn/index.php?topic=227.0
https://forum.tsonline.net.vn/index.php?topic=936.0
https://forum.tsonline.net.vn/index.php?topic=906.0
https://forum.tsonline.net.vn/index.php?topic=656.0
https://www.meganeownersclub.co.uk/forum/viewtopic.php?t=27294
https://www.meganeownersclub.co.uk/forum/viewtopic.php?t=16002
https://www.meganeownersclub.co.uk/forum/viewtopic.php?t=11086
https://www.meganeownersclub.co.uk/forum/viewtopic.php?t=12499
https://www.meganeownersclub.co.uk/forum/viewtopic.php?t=20025
http://www.overlord.it/forum/viewtopic.php?f=3&t=383352
http://www.overlord.it/forum/viewtopic.php?f=3&t=383210
http://www.overlord.it/forum/viewtopic.php?f=3&t=359338
http://www.overlord.it/forum/viewtopic.php?f=3&t=388263
http://www.overlord.it/forum/viewtopic.php?f=3&t=366387
http://istari-zone.net/forums/showthread.php?tid=418
http://forum.2serveothers.com/showthread.php?tid=185573
http://111.909.li/thread-22632.html
http://secretcinema.no/skytech/showthread.php?tid=95379
http://www.ho-tips.net/showthread.php?tid=141
https://tekniksertifika.com/forum/showthread.php?tid=926
Rethinking How You Build a Page
When you build a site using tables, you have to think in a tabular format. In other words, you’re thinking in terms of cells and rows and columns. Your Web pages will reflect this approach. When you move to a CSS positioning design, you’ll start thinking of your pages in terms of the content, because the content can be placed anywhere you’d like in the layout—even layered on top of other content.
Different websites have different structures. To build an effective page, evaluate the structure of any given page before you assign content to it. An example page might include five distinct sections:
- Header. Home to the banner advertisement, the site name, navigation links, an article title and as well as a few other things.
- Right column. This is the right side of the page with the search box, ads, video boxes, and shopping areas.
- Content. The text of an article, blog post or shopping cart — the meat-and-potatoes of the page.
- Inline ads. The advertisements inline with content.
- Footer. The bottom navigation, author information, copyright information, lower banner ads, and related links.
http://forum.naronanews.com/showthread.php?tid=4905
https://movietato.com/showthread.php?tid=150
https://forum.xxxcall.co.il/showthread.php?tid=2393
http://concerns.sportshouse.com.ph/showthread.php?tid=14521
http://songlyricsdownload.unaux.com/Forum/showthread.php?tid=1871&i=2
https://www.stevensonclanonline.org/index.php?topic=16193.0
https://www.stevensonclanonline.org/index.php?topic=14265.0
http://www.stevensonclanonline.org/index.php?topic=110457.0
http://www.stevensonclanonline.org/index.php?topic=97648.0
https://www.stevensonclanonline.org/index.php?topic=13814.0
http://www.stevensonclanonline.org/index.php?topic=102109.0
http://wildfire-pro.com/Forum/viewtopic.php?f=16&t=382026
https://stogiemarket.com/index.php?topic=49195.0
Rather than putting those five elements in a table, use the HTML5 sectioning elements to define the different portions of the content, and then use CSS positioning to place the content elements on the page.
Identifying Your Content Sections
After you’ve defined the different content areas of your site, you need to write them into your HTML. While you can, generally, place your sections in any order, it’s a good idea to place the most important parts of your page first. This approach will help with search engine optimization, as well.
To demonstrate positioning, envision a page with three columns but no header or footer. You can use positioning to create any type of layout you like.
For a three-column layout, define three sections: left column, right column, and content.
These sections will be instantiated using the ARTICLE element for the content and two SECTION elements for the two columns. Everything will also have an attribute identifying it. When you use the id attribute, you must ascribe a unique name for each id
https://stogiemarket.com/index.php?topic=51533.0
https://stogiemarket.com/index.php?topic=64593.0
https://stogiemarket.com/index.php?topic=39386.0
https://stogiemarket.com/index.php?topic=64513.0
https://stogiemarket.com/index.php?topic=64331.0
http://wildfire-pro.com/Forum/viewtopic.php?t=361328
http://forum.ornisoft.com/viewtopic.php?f=4&t=150649
http://forum.ornisoft.com/viewtopic.php?f=4&t=288553
http://forum.ornisoft.com/viewtopic.php?f=4&t=275227
http://forum.ornisoft.com/viewtopic.php?t=546885
http://forum.ornisoft.com/viewtopic.php?f=5&t=162556
http://forum.ornisoft.com/viewtopic.php?t=150649
Positioning the Content
Using CSS, define the position for your ID’d elements. Store your position information in a style call like this:
Content within these elements will take up as much space as it can, namely 100 percent of the width of the current location or the page. To affect the location of a section without forcing it to a fixed width, change the padding or the margin properties.
For this layout, set the two columns to fixed widths and then set their position absolute, so that they wouldn’t be affected by where they are found in the HTML.
Then for the content area, set the margins on the right and left so that the content wouldn't overlap the two outside columns.
http://wildfire-pro.com/Forum/viewtopic.php?t=385813
https://foro.colegioboston.edu.mx/mybb/showthread.php?tid=1633
http://istari-zone.net/forums/showthread.php?tid=1359&pid=12602
http://hub.cdp.res.in/myspace/showthread.php?tid=716033
https://mysourcetelevision.com/forum/showthread.php?tid=20879
https://ringsidereport.com/forumz/showthread.php?tid=397&pid=491
https://www.redheronation.org/forums/showthread.php?tid=5281
https://www.yousciences.it/forum/showthread.php?tid=4051
https://tekniksertifika.com/forum/showthread.php?tid=1927
http://concerns.sportshouse.com.ph/showthread.php?tid=5319
Defining your page using CSS instead of an HTML table requires a bit more technical skill, but the payoff follows from more flexible and responsive designs and greater ease in making structural adjustments to your page later.
Comments
Post a Comment