Solved

How to auto resize the page vertically

Posted on 2006-11-13
3
348 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:
Steggs earned 500 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

ScreenConnect 6.0 Free Trial

Discover new time-saving features in one game-changing release, ScreenConnect 6.0, based on partner feedback. New features include a redesigned UI, app configurations and chat acknowledgement to improve customer engagement!

Question has a verified solution.

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

Suggested Solutions

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

770 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