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

ASP.NET 2.0/XHTML 1.1 Table Height Display Issue

Hello,

First and foremost I'll describe a bit about my problem: I'm trying to
make a site layout using ASP.NET 2.0 in Visual Studio .NET 2005 Beta 2.
The site is a table based layout that is supposed to consume the entire
viewing area (oldschool HTML was <table width="100%" height="100%">).
This is not as easy as it sounds using the forementioned technologies.
I am using some ASP.NET 2.0 controls that specifically depend on the
way browsers render XHTML 1.1, so it's not as easy as just removing the
doctype tag.

I've done a lot of searching around on this topic so these are things
that should be noted, this should also be useful for people who have
experienced similar circumstances:

-The W3C XHTML and CSS 2.1 specifications have deprecated the width and
height attributes of tables and their cells. When using XHTML the
appropriate method of setting the width and height of a table or one of
it's child nodes is to use a css style (ie: <table style="width:100%;
height:100%;">)

-CSS 2.1 has a very strict container sizing rule. When setting the
height of an object to 100% it is only supposed to be as tall as it's
container, this includes html, body, and form tags. In order to get
something to fit the browser window you would need a css style similar
to the following:

html, body {
width: 100%;
height: 100%;
}

With that said, those are all things that I have learned this evening,
and they have helped tremendously. Now that I have implemented those
fixes, however, my table stretches WAY beyond the bottom of the viewing
area when using Internet Explorer. While using Firefox everything is
displayed correctly.

Unfortunately, it's getting very late and I am unable to make a file
that can reproduce this error at this time and I am unable to show the
source of the current site because there is a lot of proprietary
information within it. What I'm hoping is that somebody will recognize
or understand the problem I have run into, or perhaps be able to help
me troubleshoot it.

Screenshots: http://www.netprism.us/layout-issue/

Nov 19 '05 #1
3 5502
IE has interpreted the CSS box model incorrectly since day one.
search: box model hack internet explorer

<%= Clinton Gallagher
METROmilwaukee (sm) "A Regional Information Service"
NET csgallagher AT metromilwaukee.com
URL http://metromilwaukee.com/
URL http://clintongallagher.metromilwaukee.com/


"TheXenocide" <Th**********@gmail.com> wrote in message
news:11**********************@g14g2000cwa.googlegr oups.com...
Hello,

First and foremost I'll describe a bit about my problem: I'm trying to
make a site layout using ASP.NET 2.0 in Visual Studio .NET 2005 Beta 2.
The site is a table based layout that is supposed to consume the entire
viewing area (oldschool HTML was <table width="100%" height="100%">).
This is not as easy as it sounds using the forementioned technologies.
I am using some ASP.NET 2.0 controls that specifically depend on the
way browsers render XHTML 1.1, so it's not as easy as just removing the
doctype tag.

I've done a lot of searching around on this topic so these are things
that should be noted, this should also be useful for people who have
experienced similar circumstances:

-The W3C XHTML and CSS 2.1 specifications have deprecated the width and
height attributes of tables and their cells. When using XHTML the
appropriate method of setting the width and height of a table or one of
it's child nodes is to use a css style (ie: <table style="width:100%;
height:100%;">)

-CSS 2.1 has a very strict container sizing rule. When setting the
height of an object to 100% it is only supposed to be as tall as it's
container, this includes html, body, and form tags. In order to get
something to fit the browser window you would need a css style similar
to the following:

html, body {
width: 100%;
height: 100%;
}

With that said, those are all things that I have learned this evening,
and they have helped tremendously. Now that I have implemented those
fixes, however, my table stretches WAY beyond the bottom of the viewing
area when using Internet Explorer. While using Firefox everything is
displayed correctly.

Unfortunately, it's getting very late and I am unable to make a file
that can reproduce this error at this time and I am unable to show the
source of the current site because there is a lot of proprietary
information within it. What I'm hoping is that somebody will recognize
or understand the problem I have run into, or perhaps be able to help
me troubleshoot it.

Screenshots: http://www.netprism.us/layout-issue/

Nov 19 '05 #2
You might find this helpfull
http://msdn.microsoft.com/asp.net/de...PNETusStan.asp

"TheXenocide" wrote:
Hello,

First and foremost I'll describe a bit about my problem: I'm trying to
make a site layout using ASP.NET 2.0 in Visual Studio .NET 2005 Beta 2.
The site is a table based layout that is supposed to consume the entire
viewing area (oldschool HTML was <table width="100%" height="100%">).
This is not as easy as it sounds using the forementioned technologies.
I am using some ASP.NET 2.0 controls that specifically depend on the
way browsers render XHTML 1.1, so it's not as easy as just removing the
doctype tag.

I've done a lot of searching around on this topic so these are things
that should be noted, this should also be useful for people who have
experienced similar circumstances:

-The W3C XHTML and CSS 2.1 specifications have deprecated the width and
height attributes of tables and their cells. When using XHTML the
appropriate method of setting the width and height of a table or one of
it's child nodes is to use a css style (ie: <table style="width:100%;
height:100%;">)

-CSS 2.1 has a very strict container sizing rule. When setting the
height of an object to 100% it is only supposed to be as tall as it's
container, this includes html, body, and form tags. In order to get
something to fit the browser window you would need a css style similar
to the following:

html, body {
width: 100%;
height: 100%;
}

With that said, those are all things that I have learned this evening,
and they have helped tremendously. Now that I have implemented those
fixes, however, my table stretches WAY beyond the bottom of the viewing
area when using Internet Explorer. While using Firefox everything is
displayed correctly.

Unfortunately, it's getting very late and I am unable to make a file
that can reproduce this error at this time and I am unable to show the
source of the current site because there is a lot of proprietary
information within it. What I'm hoping is that somebody will recognize
or understand the problem I have run into, or perhaps be able to help
me troubleshoot it.

Screenshots: http://www.netprism.us/layout-issue/

Nov 19 '05 #3
The only way I found to make a page consume the whole browser window and not
more is to implement a client script that sets absolute values to the
body.style pixelWidth and pixelHeight properties.

In IE I used setExpression to make the values dynamic and for other browsers
I handle the apropriate event of the body to catch the change of browser
window's size and reset properties.

Content is sized to "100%" in my case.
--
Eugene U. Zverev,
Senior Programmer
Jan 17 '06 #4

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

Similar topics

10
by: mike | last post by:
regards: I use Jtidy (api) to translate a HTML file into a "XHTML file". But The "XHTML file" cannot be identified by nokia 6600. Do I miss something important? Or this is Jtidy's weakness or...
2
by: Brian Idzik | last post by:
I've successfully setup a xhtml 1.0 strict page with Mozilla & Netscape to display links in a toolbar into an internal <div id='content'> within the same document. The toolbar uses some...
1
by: Kenneth | last post by:
Okay, I've been scouring Google for hours looking for a solution to this problem, but as of yet I can't find one. XHTML Transitional seems to specify that I can no longer set a table's height to...
4
by: Bernd Goldschmidt | last post by:
Hi. I've got a somewhat wired problems with an extra space between table rows in Mozilla and Opera (IE works fine). With the code below, cells within a row align seamlessly, but there is a...
4
by: Shash | last post by:
Hey People, I'm facing a issue with browser compatablity here, I want a certain group of divs to behave like a table row, i.e if one of the cell/div has content longer than the other divs, all...
12
by: hawat.thufir | last post by:
I'm trying do some "screen scraping", and am using <http://www.oreilly.com/catalog/xmlhks/> for inspiration. First I'd like to convert XHTML to XML, or extract XML from XHTML, I'm not sure how...
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...
1
by: perspolis | last post by:
Hi all I created a Web Project but it dosen't support some properties of HTML tags and it gives me following error: Attribute 'height' is not a valid attribute of element 'table' I don't know...
18
by: maya | last post by:
pls look @ this pg, http://www.mayacove.com/design/divs.html in IE and FF.. in IE it looks fine, but in FF the main div (centered, 800px wide, blue background; in reality the bg will be white..)...
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: 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:
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
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...

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.