473,385 Members | 1,642 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

table percentage problem

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


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
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 vão. O resto é imperfeito.
- Renato Russo -
Jul 23 '05 #4
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
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
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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

2
by: Rob Meade | last post by:
Hi all, I'm trying to add a table row, and cell to the row and also set the colour of the cell, I seem only able to do this with the pre-defined colours - I cant for example use #cc66cc ... ...
2
by: Dot net work | last post by:
Hello. Is it possible to build up a dynamic server side table, and specify the column widths as percentages? I've tried this: Set the table width to 100%, then: FirstColumn.Width = New...
7
by: Arthur Dent | last post by:
I am completely baffled... i cannot for the life of me get the HEIGHT style to work on a table in the new 2005-supported XHTML. I put a HEIGHT: 100% on my table so that my footer row will also show...
0
by: Mahesh Devjibhai Dhola | last post by:
Hi, I dont know its good design or not but I have one REQUIREMENT that, I have a Web application created in ASP.NET, and I need nested tables (one table control into another table control) up to N...
7
by: aljamala | last post by:
Hi All, I am encountering this problem while doing some cross-browser testing. The table in IE looks fine, in Firefox it goes all the way to the edge of the screen and in Opera it is going off...
0
by: camaro71 | last post by:
Hi there, I really hope someone can help with this one. I have a simple recorded macro (code below) which I'm trying to modify. It's for use in MS Word 2003 tables: With the cursor in front of a...
5
by: Aswanth | last post by:
I'm Using Asp.Net with C# & Working with SSRS 2005 for Generating Reports.. The Following Expression I'm using in Reports to Show the Percentage of Particular Items in REPORT.. ...
4
by: zoeb | last post by:
Hi. I have a form which the user enters 2 years worth of data into (one record per year). The aim, is to populate the table this form is based on with 3 more years worth of data (i.e. creating 3...
4
by: sureshl | last post by:
function cal() { var f = document.form1; var regExp_Count = new RegExp("^+$"); f.price1.value = parseFloat(f.baseprice.value*(f.percen.value/100)).toFixed(0); } cal() functions , will...
2
luckysanj
by: luckysanj | last post by:
I have problem on creating academic table. I need to input from html form to different academic table. But how to create academic table for my requirement. I have different leve of student....
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
by: ryjfgjl | last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
0
by: taylorcarr | last post by:
A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.