Welcome to WebmasterWorld Guest from 54.160.221.82

Forum Moderators: not2easy

Message Too Old, No Replies

CSS and tables

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

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 1, 2002
posts:1421
votes: 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?

10:55 am on Sept 14, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member nick_w is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 4, 2002
posts:5044
votes: 0


Safe but, useless!

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

Nick

10:16 pm on Sept 14, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 1, 2002
posts:1421
votes: 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.

11:48 pm on Sept 15, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 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

6:12 am on Sept 16, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 1, 2002
posts:1421
votes: 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.
1:32 pm on Sept 16, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 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

4:01 pm on Sept 23, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:July 1, 2002
posts:1421
votes: 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 :)

5:06 pm on Sept 23, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 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.

5:12 pm on Sept 23, 2002 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Mar 15, 2002
posts:971
votes: 0


I'm sticking with tables for a few more years

Oh, the Humanity! ;)