473,395 Members | 1,521 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,395 software developers and data experts.

table resizing: want fixed col widths as %, not as ems?

<facts>
I have a "month calendar" that always displays exactly 42 days... and
alongside is a vertical box that displays the detail (form fields) of any
particular select event that appears on the calendar, so that the event may
be changed, or a new event may be created.

monthname
X X X X X X X form
X X X X X X X form
X X X X X X X form
X X X X X X X
X X X X X X X
X X X X X X X

My CSS and XHTML validates per w3c.
Calendar is a <table> contained in a <div (float:left; width:80%)>.
Detail form elements contained in <div (float:right; width:20%;)>.
Consenus of this usenet group was to use <table> for the calendar.
My audience is small - so I only need to please popular recent user agents
(NN7, IE6, Konq3.2...), no need to get midevil.
</facts>

<issue>
The cells automagically expand to fit the contents... this was expected
based on the HTML spec - but also undesirable. When I specify
table-layout:fixed including widths expressed as percentages, the cells
still expand to fit the contents(?!). If I instead express widths using
ems, then I successfully obtain fixed cell widths but table resizing does
not occur, and the calendar may overlap the form if the window is reduced
in size. I read a similar posting where table cell widths were controlled
by placing a div in each cell with a specified width - my tests indicate
this approach also will not allow resizing.

monthname
X X X XXX X form <-- undesirable overlap as a result of resizing window
X X X XXX X form
X X X XXX X form
X X X XXX X X X
X X X XXX X X X
X X X XXX X X X <-- undesirable middle column expanding to fit contents

</issue>

<question>
Can I control the widths of the columns as if they are a percentage of the
table's div container... since explicit widths (e.g. "7em") don't
facilitate resizing of the table? Ideally every column will always be:
80% (table's div) / 7 = 11.4% of the entire screen width
</question>

<URL>
(youll need to replace the numbers with DIGITS)
http://twentyfour.thirty.onesixtysix..._Name=calendar
</URL>
--
TJ Talluto
torpedo51 at yahoo dot com
Jul 20 '05 #1
0 2608

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

10
by: john T | last post by:
Is there anyway to vertically center a html table using css in such a way it does not alter the html table. When I tryied it just screws up.
3
by: Steve Sabljak | last post by:
I seem to having a little trouble getting a table to display correctly in both msie and firefox. I want to set the table and column widths in pixels, and have some cell padding too. The table...
4
by: N. Demos | last post by:
The following code renders as intended in IE (A TABLE, with cells of fixed width and height, inside of a DIV with fixed width and height and overflow set to hidden.) In Firefox, the table cells...
16
by: karlman | last post by:
I am trying to create a web page that shows a calendar schedules. I am attempting to use table cells with fixed widths and different colors to display this. It seems that IE6 doesn't always...
25
by: Michael Schuerig | last post by:
I'm trying to do something seemingly very simple, but it's brought me close to crushing my head on the keyboard. All I want is a table where the head row is fixed and the body columns below are...
18
by: chimalus | last post by:
I am using a table with no column widths specified, letting the table layout manager do its thing for figuring out the column widths, and this works just fine. Now I want to make the table...
117
by: phil-news-nospam | last post by:
Is there really any advantage to using DIV elements with float style properies, vs. the old method of TABLE and TR and TD? I'm finding that by using DIV, it still involves the same number of...
2
by: Rudi Hausmann | last post by:
Hi! I want to create a table with following fixed width, no matter what content is inside of the table cells: 100 40 40 (first row with 1 + 2 cells) 100 10 10 10 10 10 10...
9
by: dli07 | last post by:
Hello, I'm trying to convert a piece of code that creates a dynamic vertical resizing bar in a table from internet explorer to firefox. It's based on a post from...
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:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
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...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...

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.