Location: Page Formatting Tips

Discussion: table widthReported This is a featured thread

Showing 1 - 14 of 14  |  Show  posts at a time
tangledmanes
tangledmanes
table width
Oct 5 2009, 2:27 PM EDT | Post edited: Oct 5 2009, 2:27 PM EDT
You wrote, "Tables - Use the "fit to page" option or set a fixed pixel width so that the table fits within the fixed page width."

Please tell us the exact number to use in order to make a table fit within the fixed page width. I have tables set at 1024 pixels, 850 pixels, and even tried 767 pixels, all of which cause horizontal scroll on my site. Here's the discussion: http://paddockparadise.wetpaint.com/thread/3329762/Do+you+have+to+scroll+to+the+right+to+see+the+whole+page%3F

If this change away from dynamic page resizing will occur in all the Wetpaint sites, how can I get my site set up for it now, because it is driving some of our members crazy already! Thanks.
Do you find this valuable?    
CryingDove
CryingDove
1. RE: table width
Oct 5 2009, 2:48 PM EDT | Post edited: Oct 5 2009, 2:48 PM EDT
The problem you are experiencing is caused by the image of the three column article about carbohydrates. The image is pushing the right border of the content area passed the 778 normal viewing limit. This is creating the horizontal scroll. Resize the picture in Easyedit mode until you do not see the horizontal scroll bar at the bottom of the page.
For a better explanation as to what I have described, please visit this page.

http://splats2.wetpaint.com/page/Screen+Resolutions

A reminder: Wetpaint will be going to a fixed width screen format within the next couple of weeks. So it is important for all content to fit within the content area of your pages.

Follow this link for more information

http://www.wetpaintcentral.com/page/Page+Formatting+Tips

Do you find this valuable?    
tangledmanes
tangledmanes
2. RE: table width
Oct 5 2009, 3:07 PM EDT | Post edited: Oct 5 2009, 3:07 PM EDT
I've been to your site before and it's very nice and seems thorough, although I don't understand all of it.

I reduced the article about carbohydrates as you suggested. The three columns are visually part of the scanned jpg. Its table on the page is a single column.

The box (table) at the top of the page is still set to 1024, and now the carb article is narrower than that top table.

Do you have a horizontal scroll to see the right side of the top tables at 1024 width? Isn't that the width they are supposed to be? You mentioned 778, so now I will go and make one of the tables 778 to see how that looks.
Do you find this valuable?    
tangledmanes
tangledmanes
3. RE: table width
Oct 5 2009, 3:13 PM EDT | Post edited: Oct 5 2009, 3:13 PM EDT
I also changed my display (temporarily) to 1024 x 768. I still show a horizontal scroll bar on that page, and my display is fuzzy and hard to read. Do you find this valuable?    
tangledmanes
tangledmanes
4. RE: table width
Oct 5 2009, 3:54 PM EDT | Post edited: Oct 5 2009, 3:54 PM EDT
778 seems to fit without needing a horizontal scroll bar.

So, the answer is that tables need to be 778 pixels wide in order to fit. Thanks.
Do you find this valuable?    

Posted Anonymously
5. RE: table width
Oct 5 2009, 4:06 PM EDT | Post edited: Oct 5 2009, 4:06 PM EDT
I visited the page and my display is always set to 1024 X 768. The page displayed with a very minor horizontal scroll. The image of the scanned pages is blurred. That will always happen when the image contains text and it is resized away from its original size. The only thing that can be done to make it clearer is to try and increase the size of the image by dragging on the side of the image until it rests on the right side border. You may even want to go a little passed the border a bit, considering the image has a white right border surrounding the text. This will create a small scroll but all the text will be in view. This should clear up the image a bit.

The screen resolution setting is for the entire page view, including navigational menu, vertical scroll bar, header, ads, etc. The normal editable content area is around 778. If you select fit to page for your tables, it will resize the table to fit the content area of the page. Keep in mind, at this point in time, the size of the elements within a table will expand the right border of that table and possibly beyond the width of the normal editable content area. That will change when Wetpaint migrates to a fixed width page structure. After that an element will not display fully if it goes beyond the width of the content area, it will merely be chopped off on the right side.


I hope this makes things a little clearer (no pun intended)
1  out of 1 found this valuable. Do you?    
CryingDove
CryingDove
6. RE: table width
Oct 5 2009, 4:07 PM EDT | Post edited: Oct 5 2009, 4:15 PM EDT
Sorry that was me that posted anonymously.
There are several pages on your wiki where the images are creating a horizontal scroll also. They will need to be resized before the new fixed page width comes into effect.
Do you find this valuable?    
tangledmanes
tangledmanes
7. RE: table width
Oct 5 2009, 4:20 PM EDT | Post edited: Oct 5 2009, 4:20 PM EDT
Thanks for taking the time to visit, look it over, and offer suggestions. I'll try the tip on clearing up the scan.

I was surprised that it displayed with the horizontal scroll bar for you. Perhaps we should use a slightly smaller table width to avoid the horizontal scroll bar? Maybe 776...I'll go try that because when I changed my resolution to 1024, the screen did cut off the right edge of the vertical scroll bar.
Do you find this valuable?    
tangledmanes
tangledmanes
8. RE: table width
Oct 5 2009, 4:25 PM EDT | Post edited: Oct 5 2009, 4:25 PM EDT
"There are several pages on your wiki where the images are creating a horizontal scroll also. They will need to be resized before the new fixed page width comes into effect."
Yes, I know -- that's why I'm trying to figure out exactly what size to make them! ;-) Pawsplus had been working furiously, trying to resize everything to fit her screen and reduce the incidence of horizontal scrolling across the wiki, then we stumbled across news of this new standard on the horizon. Once we know the magic *no horizontal scroll* number, we'll use it on all the pages.
Do you find this valuable?    
CryingDove
CryingDove
9. RE: table width
Oct 5 2009, 4:33 PM EDT | Post edited: Oct 5 2009, 4:33 PM EDT
"Thanks for taking the time to visit, look it over, and offer suggestions. I'll try the tip on clearing up the scan.

I was surprised that it displayed with the horizontal scroll bar for you. Perhaps we should use a slightly smaller table width to avoid the horizontal scroll bar? Maybe 776...I'll go try that because when I changed my resolution to 1024, the screen did cut off the right edge of the vertical scroll bar.
"
The scroll bar I saw was minimal. There is a minor difference between the rendering of web pages by the different browsers. One browser may have no scroll and another a very slight movement. I viewed the page with Firefox. I can almost imagine you used Internet Explorer in viewing the page. (just aneducated guess).
Do you find this valuable?    
tangledmanes
tangledmanes
10. RE: table width
Oct 5 2009, 4:39 PM EDT | Post edited: Oct 5 2009, 4:44 PM EDT
That's strange, because I'm also using FIrefox. Must be some other form of computer cooties -- maybe Mac vs PC? But it did cut off the right edge of the vertical scroll bar. I changed the tables to 776. But if you would be willing to tell me if that doesn't give you a scroll bar, I could then change it to 777 to see if that would do it or not. I'll use the largest number that doesn't give you a horizontal scroll bar. And I'll hope that the info will be useful to others as well! Do you find this valuable?    
CryingDove
CryingDove
11. RE: table width
Oct 5 2009, 4:47 PM EDT | Post edited: Oct 5 2009, 4:47 PM EDT
I am an old man, so it may be my font that I use. I have my default font in FF set to Garamond 16 point size. That is why I see, a small scroll effect and you do not. Do you find this valuable?    
tangledmanes
tangledmanes
12. RE: table width
Oct 5 2009, 4:54 PM EDT | Post edited: Oct 5 2009, 4:54 PM EDT
Aw, darn - more variables. So you're saying that you still have a slight horizontal scroll even with the tables set at 776? I'll set it back to 778 in that case, because one of my site members did report no horizontal scroll bar at that size.

Thanks again!
Do you find this valuable?    
CryingDove
CryingDove
13. RE: table width
Oct 5 2009, 9:07 PM EDT | Post edited: Oct 5 2009, 9:07 PM EDT
Most users will never change the default font in their browser. I changed mine back and there was no scroll at all. Sorry to complicate things. You have nothing to worry about in this area, nor do your viewers. Do you find this valuable?    

Related Content

  (what's this?Related ContentThanks to keyword tags, links to related pages and threads are added to the bottom of your pages. Up to 15 links are shown, determined by matching tags and by how recently the content was updated; keeping the most current at the top. Share your feedback on Wetpaint Central.)