Page getting crunched

[Anxious]

Check this link out

http://myvee.co.uk/newtemplateindex.php

then close our browser as close as possible (make the browser smaller)

You shall see that the login form, gets squashed into the the banner.

 

What I'd like to do is, if a users browser is so small, it brings up the scroll bars.

Any idea how to do this? This is the code.

 

<?php 
/* Myvee index.html page, copyright protected */
/* Action will be taken if you break the restrctions */
include("include/session.php");
?>

<style type="text/css">
<!--
#Header {
border: 2px solid #000000;
}
#Header {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.style1 {color: #FFFFFF}
#Layer1 {
position:absolute;
width:223px;
height:37px;
z-index:1;
left: 468px;
top: 252px;
}
.style5 {
font-size: 18px;
color: #FFFFFF;
}
#wrapper {
position: fixed
left: auto;
right: auto;
margin: auto;
}
-->
</style>
<div id="wrapper">
<table width="65%" height="88" border="0" align="center" background="images/myveebanner.png">
<form action="process.php" method="post">
  <tr>
    <td width="72%" height="24"> </td>
    <td width="8%"><span class="style1">Username:</span></td>
    <td width="14%"><input name="user" type="text" value="<? echo $form->value("user"); ?>" size="20" maxlength="40" /></td>
    <td width="6%"> </td>
  </tr>
  <tr>
    <td height="26"> </td>
    <td><span class="style1">Password:</span></td>
    <td><input name="pass" type="password" value="<? echo $form->value("pass"); ?>" size="20" maxlength="40" /></td>
    <td><input name="submit" type="submit" value="Login" /></td>
  </tr>
  </form>
  <tr>
    <td height="30"> </td>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
</table>
</div>

[jackpf]

I think it might be because your giving relative widths to your table cells. As in, percentages. You need to give them fixed values, like 100px or something.

[Anxious]

Yeah, you're probably right there, but how would I get it to be fixed? I want users to be able to shrink the page, but, if it gets past, lets say... if tis 100, and they shrink to 75, any lower should bring up a scroll bar. so the page can't shrink anymore past 1/4

[jcombs_31]

You can use max-width/min-width, just know that IE6 doesn't natively support it without expressions.

[Anxious]

Where would I put the max and min width?

And how would I get it to work with IE6