UPDATE: Apologies. There are 2 <br> following options in the HTML part.
The extra ones are causing the black space at the bottom. Sorry about that.
The HTML is as follows:-
<!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>
<br><br><br><br><br><br>
<a href="?action=1">Option 1</a><br><br>
<a href="?action=2">Option 2</a><br><br>
<a href="?action=3">Option 3</a><<br><br>
<a href="?action=4">Option 4</a><br><br>
<a href="?action=5">Option 5</a><<br><br>
<a href="?action=6">Option 6</a><br><br>
<a href="?action=7">Option 7</a><br><br>
Extra Options<br><br><br>
<a href="?action=8">Option 8</a><br><br>
<a href="?action=9">Option 9</a><br><br>
<a href="?action=10">Option 10</a><br><br>
<a href="?action=11">Option 11</a><br><br>
</div></body></html>
---------- Forwarded message ----------
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>
<#m_-2447948402465996364_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/
