Jump to content
xisto Community
Sign in to follow this  
beeseven

Setting A Maximum Table Height

Recommended Posts

How do I set a maximum table height? I tried height and max-height but neither worked. I need to have it a certain height because more than that height it adds a vertical scrollbar, which adds a horizontal scrollbar because I have an image that's pushing it.

beeseven.trap17.com I want the table that the updates are in to be a certain height with a scrollbar there instead of making it above the page length and adding a main scrollbar.

Share this post


Link to post
Share on other sites

In all of the browsers I'm familiar with, you don't have control over any maximum parameters in a table. If the image or text you inserted in a table is larger than a cell or table height/width, the table will stretch to accommodate it.

 

The HTML code you are looking for is not a table. The only way to add scroll bars is with a frame.

 

One possible option would be making your home page a frameset & putting the navigation buttons in the top frame & the updates in the bottom frame.

http://www.htmlhelp.com/design/frames/usage/

 

 

The solution I think you are really looking for is called an inline frame.

http://www.htmlhelp.com/reference/html40/special/iframe.html

Share this post


Link to post
Share on other sites

max-height or max-width exist but are not supported by many browsers. I think only opera supports those (don't quote me on that though).anyway, the way I see your post is this... You are asking 2 things.1. you have an image that you dont want to scroll (image is in a table cell).2. You want your text in your news section to scroll but not the page.answers1. if you have an image inside a table and you don't want scrollbars, put everything in the table cell inside a div.Example:<table><tr><td><div style="overflow:hidden;width:10px;height:10px"><img src="yourpic.jpg"></div></td></tr></table>Change the width and height to the size of the picture. The overflow:hidden removes scroll bars (just in that area and not the whole page).2. To get a scroll bar just for your news section, you use DIV's again.Example:<div style="overflow:auto;height:400px;width:400px">Your news and junk</div>This will make a box with width 400 and height 400 pixels. The scroll bar shows up only if the text is longer than 400 pixels.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.