Table Help, How to get a table to expand to fit the browser window vertically |
Table Help, How to get a table to expand to fit the browser window vertically |
Clutch13 |
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. |
Clutch13 |
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!
|
john f |
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/
|
Darin McGrew |
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.
|
stjepan |
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?!?
|
Peter1968 |
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. |
Clutch13 |
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? |
Darin McGrew |
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. |
Lo-Fi Version | Time is now: 28th March 2024 - 04:55 AM |