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

TABLE column width problems

I am creating a table and inserting an iframe inside a cell for which
the width depends on the screen size.
The table has 7 columns and the fourth column is resized depeding on the
screen size... here is my complete definition.

<table style="HEIGHT: 472px" cellSpacing="0" cellPadding="0" width="100%"
border="0">
<tr height="1">
<td width="10"></td>
<td width="178"></td>
<td width="16"></td>
<td width="14"></td>
<td></td>
<td width="10"></td>
<td width="11"></td>
</tr>
<tr height="10">
<td width="218" background="Border1.gif" colSpan="4" </td>
<td background="Border2.gif"></td>
<td width="21" background="Border3.gif" colSpan="2"></td>
</tr>
<tr height="16">
<td width="10" background="Border4.gif"></td>
<td width="178" rowSpan="2"></td>
<td width="16" background="Border5.gif"></td>
<td bgColor="white" colSpan="3" rowSpan="2">INSERT POINT</td>
<td width="11" background="images/Border6.gif"></td>
</tr>
<tr>
<td width="10" background="Border4.gif"></td>
<td width="16" background="Border7.gif"></td>
<td width="11" background="Border8.gif"></td>
</tr>
<tr height="25">
<td width="218" background="Border9.gif" colSpan="4"></td>
<td background="Border11.gif"></td>
<td width="21" background="Border12.gif" colSpan="2"></td>
</tr>
</table>

The table works exactly the way I intend it to. Te variable size cell has
a rowspan=2... However, if I replace the text INSERT POINT above with an
IFRAME (or any control for that matter) the columns change their widths.

Any help would be apprecieated.

Jeronimo
Nov 18 '05 #1
1 12172
Don't forget to try to force the table cell widths. Setting a background gif
doesn't actually do this and the table cell will still try to collapse (not
to mention a background for a table cell isn't supported in all browsers.
You're better off actually making the backgrounds as actual images in the
table cell and setting the widths specifically on both the cell and the
image. That may have a better result as the browser won't attempt to
collapse all the cells since they have an image inside them. Otherwise,
they're just another attribute of the table cell and don't necessarily force
the cell open.

Hope tihs helps,
Mark Fitzpatrick
Microsoft MVP - FrontPage

"Jeronimo Bertran" <je******@bertran.com> wrote in message
news:Xn********************************@207.46.248 .16...
I am creating a table and inserting an iframe inside a cell for which
the width depends on the screen size.
The table has 7 columns and the fourth column is resized depeding on the
screen size... here is my complete definition.

<table style="HEIGHT: 472px" cellSpacing="0" cellPadding="0" width="100%"
border="0">
<tr height="1">
<td width="10"></td>
<td width="178"></td>
<td width="16"></td>
<td width="14"></td>
<td></td>
<td width="10"></td>
<td width="11"></td>
</tr>
<tr height="10">
<td width="218" background="Border1.gif" colSpan="4" </td>
<td background="Border2.gif"></td>
<td width="21" background="Border3.gif" colSpan="2"></td>
</tr>
<tr height="16">
<td width="10" background="Border4.gif"></td>
<td width="178" rowSpan="2"></td>
<td width="16" background="Border5.gif"></td>
<td bgColor="white" colSpan="3" rowSpan="2">INSERT POINT</td>
<td width="11" background="images/Border6.gif"></td>
</tr>
<tr>
<td width="10" background="Border4.gif"></td>
<td width="16" background="Border7.gif"></td>
<td width="11" background="Border8.gif"></td>
</tr>
<tr height="25">
<td width="218" background="Border9.gif" colSpan="4"></td>
<td background="Border11.gif"></td>
<td width="21" background="Border12.gif" colSpan="2"></td>
</tr>
</table>

The table works exactly the way I intend it to. Te variable size cell has
a rowspan=2... However, if I replace the text INSERT POINT above with an
IFRAME (or any control for that matter) the columns change their widths.

Any help would be apprecieated.

Jeronimo

Nov 18 '05 #2

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

Similar topics

1
by: nick | last post by:
I found that the width attribute in Mozilla is different in IE. In Mozilla, if the content in dropdownlist's list or table <td> cell is wider than the width attribute, Mozilla just enlarge the...
5
by: Jean Pion | last post by:
Dear readers, Can anyone explain how to set column width of a table in ccs. I use the following style in an external stylesheet: table.tbl { table-layout:fixed; border-top: 5px solid #333;...
0
by: John Bankhead | last post by:
In HTML, if I want to set the width of my last column to fill out the page then I can set Width=*. Is there a way to do this using Unit.Parse or Unit.Percentage or the like? In the vein of ...
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...
2
by: Charleees | last post by:
Hi all, I have a DataGrid with Template Columns..... There are LAbels,Linkbuttons in the Single Row.. I have to set the Constant Column width for those Template Columns in Grid... Wat...
8
by: hussain123 | last post by:
Hi List, I am having two table one after the another.Even after setting the column width of both the tables the column takes the width of the data in that column. Ideally I want both the table's...
0
by: Steve | last post by:
I'm developing an ASP.Net 2 web site using VS 2005 that is using a MasterPage with a Table on it. The table has three columns - each with contentPlaceHolder. After developing the MasterPage, I...
0
by: Claire | last post by:
Hi, Visual Studio 2003 The application Im writing is skinned and therefore i need to be able to write my own code for manipulating and drawing headers for a data grid outside of the control. I...
7
by: Tim Ward | last post by:
Where col is a <colelement: col.style.width = "27px"; works fine on Firefox but not on IE. How do you set a column width in IE? (If it matters, the <colis not one that was present in HTML, it...
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: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
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: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...

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.