Home | Contact Us | FAQ | Search & Site Map | Link to Us
Sign In | Join | Other 45 Sites in Network
HomeAnnouncementsFree MagazinesWhite PapersSubmit Content
Discussion GroupsASP.NETWindows FormsLanguages.NET FrameworkVisual Studio.NET
Articles.NET FrameworkASP.NETToolsWindows Forms
.NET DirectoryOpen Source ProjectsUser GroupsWeb Resources
Related Topics
Visual Basic 6SQL ServerMS AccessOther DB ProductsMS Server ProductsMore Topics ...

.NET Forum / ASP.NET / General / January 2006

Tip: Looking for answers? Try searching our database.

ASP.NET 2.0/XHTML 1.1 Table Height Display Issue

Thread view: 
Enable EMail Alerts  Start New Thread
Thread rating: 
TheXenocide - 28 Oct 2005 07:44 GMT
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/
clintonG - 28 Oct 2005 15:43 GMT
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/

> Hello,
>
[quoted text clipped - 42 lines]
>
> Screenshots: http://www.netprism.us/layout-issue/
vetplakh - 28 Oct 2005 18:50 GMT
You might find this helpful
http://msdn.microsoft.com/asp.net/default.aspx?pull=/library/en-us/dnaspp/html/A
SPNETusStan.asp


> Hello,
>
[quoted text clipped - 42 lines]
>
> Screenshots: http://www.netprism.us/layout-issue/
e_zverev - 17 Jan 2006 18:26 GMT
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.
Signature

Eugene U. Zverev,
Senior Programmer


Free Magazines

Get these publications absolutely FREE for up to 12 months. There are no hidden fees and no obligation. Simply choose a title, complete the application form and submit it. Read more ...

Oracle MagazineNetwork ComputingComputer WorldBio-IT WorldeWeekInformation WeekInfosecurity
 
Sign In
Join
My Latest Posts
My Monitored Threads
My Blog
My Photo Gallery
My Profile
My Homepage

Start New Thread
Enable EMail Alerts
Rate this Thread



©2008 Advenet LLC   Privacy Policy - Terms of Use
This website includes both content owned or controlled by Advenet as well as content owned or controlled by third parties.