homepage Welcome to WebmasterWorld Guest from 54.237.54.83
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
CSS and tables
bcc1234




msg:1222618
 10:49 am on Sep 14, 2002 (gmt 0)

Hi, is it safe to use styles and tables?

Something like:
...
<td>
<div style="position:absolute;...
</div>
</td>

Or should I only use relative inside the cells?

 

Nick_W




msg:1222619
 10:55 am on Sep 14, 2002 (gmt 0)

Safe but, useless!

If you're going to position a div, why plonk it in a table?

Nick

bcc1234




msg:1222620
 10:16 pm on Sep 14, 2002 (gmt 0)

If you're going to position a div, why plonk it in a table?

I need several vertical lines and there is no way to predict the height of the page.

Take a look at the site in my profile.
It's currently designed with tables, but I want to redo it in css to reduce the size of html.

The problem is that if I use divs - then the left, right and the bottom elements are messed up because I don't know the amount of content in the middle in advance.

madcat




msg:1222621
 11:48 pm on Sep 15, 2002 (gmt 0)

Hey-

then the left, right and the bottom elements are messed up because I don't know the amount of content in the middle in advance.

If I understand you correctly...

CSS is tailored for just that, not knowing what content is going to fill your <div>s (auto). Layouts should be fluid, not fixed. I dig your site but you might want to think about organizing your information in a different way using CSS- You'll learn quite a bit along the way.

M

bcc1234




msg:1222622
 6:12 am on Sep 16, 2002 (gmt 0)

madcat, can you explain a bit more about making the layout?
Last time I did any html was when dhtml was considered a bad new thing not supported by most of the visitors' browsers.

madcat




msg:1222623
 1:32 pm on Sep 16, 2002 (gmt 0)

Let me point you to a few resources that you'll find helpful. Forget about having to use a million &nbsp; or blank spacer images and FONT, you can correctly use margins and padding to arrive at the same 'look'. It's worth the effort if you're ready to make the jump.

w3 schools [w3schools.com]
Blue Robot [bluerobot.com]
Glish (Go to CSS layout techniques) [glish.com]
Westciv (Might be best to start here...) [westciv.com]
More basic CSS [mako4css.com]

Excellent books:
Eric A. Meyer CSS [amazon.com]
CSS: Separating Content From Presentation [amazon.com]

Work through all of these and then go here:
Box Lessons [thenoodleincident.com]

As far as the layout is concerned, after you go through some of these tutorials, your columns should naturally fall into a one <div> row spanning the length of the page...then three fluid column <div>s for the page content. (columns and rows are actually <div>'s, not table cells) which you'll soon see. Also, a footer <div> for bottom navigation and copyright information.

The insides of those <div>'s can be filled with any combination of boxes and borders to organize your content.

M

bcc1234




msg:1222624
 4:01 pm on Sep 23, 2002 (gmt 0)

As far as the layout is concerned, after you go through some of these tutorials, your columns should naturally fall into a one <div> row spanning the length of the page...then three fluid column <div>s for the page content. (columns and rows are actually <div>'s, not table cells) which you'll soon see. Also, a footer <div> for bottom navigation and copyright information.

After about a week of trying to do this I gave up.

I checked the results with IE 5.5, Mozilla 1.1, Opera 5.0, NN 4.76.

All screw it up in different ways as soon as the layout become any more complex than 3 or nested 4 divs with a mix of variable and fixed widths.

I'm sticking with tables for a few more years I guess :)

madcat




msg:1222625
 5:06 pm on Sep 23, 2002 (gmt 0)

I checked the results with IE 5.5, Mozilla 1.1, Opera 5.0, NN 4.76.

See, don't expect NN 4.76 to comply with your needs. It's not going to happen. Use @import if you can afford it.

madcat




msg:1222626
 5:12 pm on Sep 23, 2002 (gmt 0)

I'm sticking with tables for a few more years

Oh, the Humanity! ;)

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved