Re: [css-d] Chrome Height (?) problem

Yolanda van Nieuwkoop Tue, 26 Dec 2017 00:17:40 -0800

Have you tried moving this style into the head section?
(style is supposed to be included only on the head of the document. May
interfere with rendering otherwise)


Yolanda

~ May Peace Prevail on Earth




Op 26 dec. 2017 06:23 schreef "Karl DeSaulniers" <k...@designdrumm.com>:

> 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>
> > &nbsp;<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/
______________________________________________________________________
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/

Re: [css-d] Chrome Height (?) problem

Reply via email to