Solved

How to auto resize the page vertically

Posted on 2006-11-13
3
350 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Enroll in May's Course of the Month

May’s Course of the Month is now available! Experts Exchange’s Premium Members and Team Accounts have access to a complimentary course each month as part of their membership—an extra way to increase training and boost professional development.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Validating Date Part2 2 43
Html using "Or" in condition 3 39
How do I add counter to html listbox using jquery 2 42
center div inside another div 2 32
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
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 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…

739 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