?
Solved

How to auto resize the page vertically

Posted on 2006-11-13
3
Medium Priority
?
355 Views
Last Modified: 2008-01-09
Hi X-perts,

I have a fixed size flash object, which should be centered on the page. Next, I need a text line (copyright text) to appear on the bottom edge of the browser window, whatever the viewing area is, but never overlap the flash image. I tried a simple solution to create a table as

<table width="100%" height="100%">
<tr><td><object...></object></td></tr>
<tr><td>Copyright text</td></tr>
</table>

However, the problem is that it resizes the hieght of the table, but the 2nd row (Copyright text) is always below the viewing area and it creates scroll bars.

Of course, I could create an iframe, place the text here and use jscript onload function -  something like

document.getElementById('iframe').scrollIntoView();

but I am sure there should be something more simple.

Please, advise.

Thanks

-A-
0
Comment
Question by:andy7789
3 Comments
 
LVL 30

Accepted Solution

by:
Mark Steggles earned 2000 total points
ID: 17928995
Greetings andy7789,

You could do something like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Steggs</title>
<style type="text/css">
* {
padding:0;
margin:0;
}
html,body
{width:100%;
height:100%;
min-width:100%;
min-height:100%;
}
#container {
position:relative;
min-height:100%;
}
#video {
margin:0px auto;
text-align:center;
padding:0 0 20px 0;
}
#footer {
position:absolute;
bottom:0px;
width:100%;
text-align:center;
}
</style>
</head>
<body>
<div id="container">
<div id="video">The video<br />
The video<br />
The video<br />
The video<br />
The video<br />
The video<br />
The video<br />
The video<br />
The video<br />
The video<br />
The video<br />
The video<br />
</div>
<div id="footer">footer</div>
</div>
</body>
</html>

Regards
0
 
LVL 6

Expert Comment

by:badalpatel
ID: 17929424
u can create a fixed height of table row like

<table width="100%" height="600px" border="1"> 'here change height of table if u want to
<tr><td valign="top" align="middle"><object></td></tr>
<tr><td valign="bottom">Copyright text</td></tr>
</table>
0
 

Author Comment

by:andy7789
ID: 17936278
Thanks guys, Steggs's solution works just fine
0

Featured Post

What does it mean to be "Always On"?

Is your cloud always on? With an Always On cloud you won't have to worry about downtime for maintenance or software application code updates, ensuring that your bottom line isn't affected.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question