Have you tried removing the margin-bottom on a couple of your styles?
Best,
Karl
Sent from losPhone
> On Dec 24, 2017, at 9:37 AM, David Halliday <tetrah...@gmail.com> wrote:
>
> Hello,
> In the followoing html + CSS, IE and FF work as expected. Chrome, however,
> leave a black space at the bottom of the page. I think the problem lies
> with class "main" , but I'm not 100% sure.
>
> Could you please help. Thank you!
> David
>
>
> *HTML*
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
> <html><head></head>
> <body topmargin='0' leftmargin='0'>
> <div class="mainFrame" align="center">
> <div class="logosmallContainer1">
> <div class="logosmall"><img border="0" src='Image.jpg'></div>
> </div>
> <DIV class=jobtabs>
> <DIV class=upperTabs>
> <DIV class=uprTabs><a href='?home'>Home Page</A></DIV>
> <DIV class=uprTabs><a target='_blank' href='?contactus'>Contact Us</a></DIV>
> <DIV class=uprTabs><a href='?emplogout'>Log Out</a></DIV>
> </DIV>
> </div><div class="message">Please Select</div>
> <div class="main"><br>
> <a href="?action=1">Option 1</a><br>
> <a href="?action=2">Option 2</a><br>
> <a href="?action=3">Option 3</a><br>
> <a href="?action=4">Option 4</a><br>
> <a href="?action=5">Option 5</a><br>
> <a href="?action=6">Option 6</a><br>
> <a href="?action=7">Option 7</a><br><br>
> Extra Options<br>
> <a href="?action=8">Option 8</a><br>
> <a href="?action=9">Option 9</a><br>
> <a href="?action=10">Option 10</a><br>
> <a href="?action=11">Option 11</a></div>
> </body></html>
> ---------------------------------------------
> *CSS*
> html,body{height:100%;text-align: center;background:BLACK;}
> body{padding:0px;margin:0px; text-align: center;}
>
> .mainFrame{
> width: 1000px;
> min-height:100%;
> height: 100%;
> background: white;
> border: 5px solid #CCCCCC;
> margin:auto;
> }
> html>body .mainFrame {width:994px; height:auto;}
>
> .logosmallContainer1 {
> position: relative;
> width: 720px;
> top: 22px;
> }
> .logosmall {
> float:right;
> }
> .jobtabs{
> position: relative;
> top:40px;
> width: 720px;
> }
>
> .upperTabs{
> position: relative;
> font-size: 12px;
> width: 720px;
> clear:both;
> }
>
> .uprTabs {
> width:120px;
> text-align:center;
> padding:0px;
> font: 12px tahoma;
> float:right;
> }
>
> .uprTabs a {
> width:120px;
> height: 30px;
> line-height:30px;
> background-color: #EEEEEE;
> }
> html>body .uprTabs a {width:118px; display:table; }
>
> .main{
> position: relative;
> top: 80px;
> width:720px;
> direction:rtl;
> margin-bottom: 15%;
> }
> html>body .main{top: 103px; margin-bottom: 20%;clear:both;}
>
> <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail>
> Virus-free.
> www.avg.com
> <http://www.avg.com/email-signature?utm_medium=email&utm_source=link&utm_campaign=sig-email&utm_content=webmail>
> <#DAB4FAD8-2DD7-40BB-A1B8-4E2AA1F9FDF2>
> ______________________________________________________________________
> css-discuss [css-d@css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [css-d@css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
