The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Table Help, How to get a table to expand to fit the browser window vertically
Clutch13
post Apr 20 2007, 08:22 AM
Post #1





Group: Members
Posts: 3
Joined: 20-April 07
Member No.: 2,575



I am developing a website for a dentist and I am having trouble getting my tables to expand vertically to fit the browser window. Below is a link of one of the short pages where you can see the bottom of the design is up away from the bottom of the page instead of expanding to fit snugly at the bottom.

http://www.baumannlanman.com/Bleach.html

What do I need to do to get the desired effect? Feel free to take a look at my source code.

Thanks in advance everyone.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Clutch13
post Apr 22 2007, 12:58 PM
Post #2





Group: Members
Posts: 3
Joined: 20-April 07
Member No.: 2,575



I guess no one knows how to do this... or it's just so simple that no one feels it's worth the time to respond. Please help!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
john f
post Apr 22 2007, 02:03 PM
Post #3


Member
***

Group: Members
Posts: 47
Joined: 23-August 06
Member No.: 10



There are coding errors: See: http://validator.w3.org/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 22 2007, 03:50 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



And FWIW, your short page requires vertical scrolling even when I maximize my browser windows.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
stjepan
post Apr 23 2007, 07:10 AM
Post #5


Serious Coder
*****

Group: Members
Posts: 329
Joined: 15-October 06
From: zagreb, croatia
Member No.: 445



And how can I be relaxed at the dentist?!? sad.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Peter1968
post Apr 23 2007, 07:33 AM
Post #6


Serious Coder
*****

Group: Members
Posts: 448
Joined: 23-September 06
Member No.: 213



Bunch of errors...

CODE

Result: 2 errors / 43 warnings

line 12 column 4 - Error: <csscriptdict> is not recognized!
line 12 column 4 - Warning: discarding unexpected <csscriptdict>
line 14 column 4 - Warning: discarding unexpected </csscriptdict>
line 15 column 4 - Error: <csactiondict> is not recognized!
line 15 column 4 - Warning: discarding unexpected <csactiondict>
line 35 column 4 - Warning: discarding unexpected </csactiondict>
line 41 column 3 - Warning: <body> proprietary attribute "leftmargin"
line 41 column 3 - Warning: <body> proprietary attribute "marginheight"
line 41 column 3 - Warning: <body> proprietary attribute "marginwidth"
line 41 column 3 - Warning: <body> proprietary attribute "topmargin"
line 42 column 4 - Warning: <div> proprietary attribute "valign"
line 43 column 5 - Warning: <table> proprietary attribute "valign"
line 44 column 6 - Warning: <tr> proprietary attribute "height"
line 45 column 7 - Warning: <td> proprietary attribute "background"
line 47 column 7 - Warning: <td> proprietary attribute "background"
line 49 column 6 - Warning: <tr> proprietary attribute "height"
line 52 column 6 - Warning: <tr> proprietary attribute "height"
line 55 column 6 - Warning: <tr> proprietary attribute "height"
line 58 column 6 - Warning: <tr> proprietary attribute "height"
line 67 column 10 - Warning: <tr> proprietary attribute "height"
line 70 column 10 - Warning: <tr> proprietary attribute "height"
line 73 column 10 - Warning: <tr> proprietary attribute "height"
line 76 column 10 - Warning: <tr> proprietary attribute "height"
line 79 column 10 - Warning: <tr> proprietary attribute "height"
line 82 column 10 - Warning: <tr> proprietary attribute "height"
line 85 column 10 - Warning: <tr> proprietary attribute "height"
line 88 column 10 - Warning: <tr> proprietary attribute "height"
line 91 column 10 - Warning: <tr> proprietary attribute "height"
line 94 column 10 - Warning: <tr> proprietary attribute "height"
line 97 column 10 - Warning: <tr> proprietary attribute "height"
line 100 column 10 - Warning: <tr> proprietary attribute "height"
line 103 column 10 - Warning: <tr> proprietary attribute "height"
line 106 column 10 - Warning: <tr> proprietary attribute "height"
line 109 column 10 - Warning: <tr> proprietary attribute "height"
line 112 column 10 - Warning: <tr> proprietary attribute "height"
line 115 column 10 - Warning: <tr> proprietary attribute "height"
line 118 column 10 - Warning: <tr> proprietary attribute "height"
line 134 column 10 - Warning: <tr> proprietary attribute "height"
line 136 column 11 - Warning: <td> proprietary attribute "background"
line 139 column 10 - Warning: <tr> proprietary attribute "height"
line 140 column 11 - Warning: <td> proprietary attribute "background"
line 147 column 11 - Warning: <td> proprietary attribute "background"
line 149 column 10 - Warning: <tr> proprietary attribute "height"
line 161 column 6 - Warning: <tr> proprietary attribute "height"
line 164 column 6 - Warning: <tr> proprietary attribute "height"
Info: Doctype given is "-//W3C//DTD XHTML 1.0 Transitional//EN"
Info: Document content looks like HTML Proprietary


Including a couple of whacky tags that aren't in the spec.

Page looks OK to me, to be honest. If you wanted to make the page vertically shorter you could shrink that left hand menu down a little. Get rid of some of the spacing.

Why use tables for layout? That's soooooo 1998. Sad, but true.

Why status bar mask the horizontal link URL's but not the vertical ones? Keep in mind that IE 7.0 disables that little "feature" as a security precaution.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Clutch13
post Apr 24 2007, 02:03 PM
Post #7





Group: Members
Posts: 3
Joined: 20-April 07
Member No.: 2,575



QUOTE
And FWIW, your short page requires vertical scrolling even when I maximize my browser windows.


What size screen do you have? Because on the short screens I dont have to scroll and the bottom of the page comes up to the middle of the page making the shadows on the left and right look off because they dont go all the way to the bottom of the page. Anyone have some suggestions on how to fix this?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Apr 24 2007, 02:34 PM
Post #8


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



QUOTE
What size screen do you have?
1024x768, but even maximized windows don't get all of that. The taskbar is on the left, and there are a few widgets along the top (title bar, menu bar, personal bar, address bar, and possibly a navigation bar).

When I do give it the full screen, I think I see what you're talking about, but it really doesn't look bad to me. What looks worse is that the fixed-width design forces horizontal scrolling in my normal browser windows (about 600-650px wide). And when I enforced a larger minimum font size, the layout got weird, in part because of the way you've specified line-height in pt, rather than specifying it relative to the font size. You also have navigation links that use images of text with alt="", where the ALT text should be the text in the image. See also Use of ALT texts in IMGs.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 05:56 AM