By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
432,275 Members | 947 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 432,275 IT Pros & Developers. It's quick & easy.

table percentage problem

P: n/a
hi,

is the table percent value for height used for displaying in browsers.
i have a table i want to run to the bottom of the screen so it seemed
best to set the height value to 100%.

when i display the table, it only sizes to the elements nested inside
the table (as if no value for height has been given) and not to the
bottom of the screen. i have also tried appling the height attribute
as a css class but no joy.

the code for the table is:

<table width="667" height="100%" border="0" cellpadding="0"
cellspacing="0" background="images/bg_content.gif">

....and i am viewing it in internet explorer 6. any help would be much
apprecieated. cheers

burnsy
Jul 20 '05 #1
Share this Question
Share on Google+
7 Replies


P: n/a
bi******@yahoo.co.uk (mr_burns) wrote:
is the table percent value for height used for displaying in browsers.
Maybe. On IE 6, for example, the height attribute in <table> is ignored
in "standards" mode.
when i display the table, it only sizes to the elements nested inside
the table (as if no value for height has been given) and not to the
bottom of the screen. i have also tried appling the height attribute
as a css class but no joy.


Hints:
a) Buy a new keyboard, with a working shift key.
b) Post the URL
c) Don't use tables for layout.
d) Don't set a fixed width, especially not a large one like 667 (pixels).

--
Yucca, http://www.cs.tut.fi/~jkorpela/
Pages about Web authoring: http://www.cs.tut.fi/~jkorpela/www.html

Jul 20 '05 #2

P: n/a


Jukka K. Korpela wrote:

c) Don't use tables for layout.


How do you do a (rather complicated) layout without using tables? I've
seen some layouts using CSS, but they are simple. Just a header, a
footer, and to bars on either side of the screen.

It seems as though any thing more complicated would be much more
difficult to do in CSS than it is with tables.

If the answer is CSS, then is there a place I can learn how to use CSS
to do layouts?

-d

Jul 23 '05 #3

P: n/a
Els
Doug wrote:
Jukka K. Korpela wrote:

c) Don't use tables for layout.


How do you do a (rather complicated) layout without using
tables? I've seen some layouts using CSS, but they are
simple. Just a header, a footer, and to bars on either
side of the screen.

It seems as though any thing more complicated would be much
more difficult to do in CSS than it is with tables.

If the answer is CSS, then is there a place I can learn how
to use CSS to do layouts?


Plenty :-)
http://locusmeus.com/list.html

--
Els
http://locusmeus.com/
Sonhos vem. Sonhos vo. O resto imperfeito.
- Renato Russo -
Jul 23 '05 #4

P: n/a
DU
Doug wrote:


Jukka K. Korpela wrote:

c) Don't use tables for layout.

How do you do a (rather complicated) layout without using tables?


Your question is general, abstract, without any specifics, without any
detailed info on the page requirements, webpage context, etc.. It's
impossible to answer really; maybe a book on that question with a few
dozens of examples would cover your question.

I've seen some layouts using CSS, but they are simple.
No url. No concrete example. So it's kinda hard to understand and see
what you are talking about, referring to.

Just a header, a footer, and to bars on either side of the screen.

It seems as though any thing more complicated would be much more
difficult to do in CSS than it is with tables.

If the answer is CSS,

What was the question actually? If a table is best used for rendering
tabular data, then there is no need to use tables for layout actually no
matter how complex it is. You have to design considering accessibility
too and how a page layout will degrade in other media, applications,
softwares, user agents not supporting CSS and/or scripts.

then is there a place I can learn how to use CSS to do layouts?

-d


Today, I went to
http://office.microsoft.com/assistan...6721033&CTT=98
page and posted this as a comment/feedback that there info
("Create a structured page layout by using layout tables and cells.")
was wrong. Here's what i posted over there :

Why tables for layout is stupid: problems defined, solutions offered
http://www.hotdesign.com/seybold/

Tableless layout HOWTO:
http://www.w3.org/2002/03/csslayout-howto

CSS Layout Techniques: Look Ma, No Tables.
http://glish.com/css/

Throwing Tables Out the Window:
http://www.stopdesign.com/articles/throwing_tables/

62% file size reduction by removing table design in microsoft.com homepage!

"At 40 KB, the HTML for Microsoft's home page is not exactly a bloated
beast. But it is burdened with inaccessible, kludgy, table-based markup
filled with proprietary attributes and some awkward JavaScript. (...)

Current Design Makeover
HTML file size 40 KB 15 KB
File size reduction - 62%"

Clean tableless design saves more than 50% of file size
http://www.atipico.com.br/en/servicos.asp

DU
Jul 23 '05 #5

P: n/a
actually with CSS you can do much more complex layout than with tables..
but you have to know CSS really well.. after a while you won't be
able to live w/o it.. don't know what this poster's problem can be,
since table tag seems ok (unless I'm missing something) I combine tables
of 100%-width with CSS positioning when I want to center div's..(I know
I'll get a slew of comments about this one..) surely you can find a few
websites out there where you can learn positioning w/CSS (for starters
check this one out.. http://www.w3.org/TR/1999/WD-positioning-19990902)
you should know/learn basic styles first, though, which also shouldn't
be hard to find.. all you have to do is search for "CSS" or "CSS
positioning" on google.. if you're serious about HTML you definitely
should learn styles well... good luck.. Frances
Doug wrote:


Jukka K. Korpela wrote:

c) Don't use tables for layout.

How do you do a (rather complicated) layout without using tables? I've
seen some layouts using CSS, but they are simple. Just a header, a
footer, and to bars on either side of the screen.

It seems as though any thing more complicated would be much more
difficult to do in CSS than it is with tables.

If the answer is CSS, then is there a place I can learn how to use CSS
to do layouts?

-d


Jul 23 '05 #6

P: n/a
Frances Del Rio wrote:
actually with CSS you can do much more complex layout than with tables..
but you have to know CSS really well.. after a while you won't be
able to live w/o it.. don't know what this poster's problem can be,
since table tag seems ok (unless I'm missing something) I combine tables
of 100%-width with CSS positioning when I want to center div's..(I know
I'll get a slew of comments about this one..) surely you can find a few
websites out there where you can learn positioning w/CSS (for starters
check this one out.. http://www.w3.org/TR/1999/WD-positioning-19990902)
you should know/learn basic styles first, though, which also shouldn't
be hard to find.. all you have to do is search for "CSS" or "CSS
positioning" on google.. if you're serious about HTML you definitely
should learn styles well... good luck.. Frances

A: Because it messes up the order in which people normally read text.

Q: Why is top-posting such a bad thing?

A: Top-posting.

Q: What is the most annoying thing on usenet?

--
/Arne
Jul 23 '05 #7

P: n/a
Im not too sure that CSS positioning is what I am really looking for
with the web page im working on. If you are using a 1024x678 screen
(or larger) please have a look at the page in question. The URL is:

oarsome.martynbissett.co.uk/index.php

The table that holds all the content is set at 100% height, I was
hoping that if I set the v-alignment on the cells to 'top' they will
always sit on top whereas the main table will stretch the height of
the screen.

Please have a look, any help would be great.

Burnsy
Jul 23 '05 #8

This discussion thread is closed

Replies have been disabled for this discussion.