Solved

Firefox displays vertical scroll - IE doesn't

Posted on 2010-08-28
9
325 Views
Last Modified: 2012-05-10
I have my code ready to deliver.  It works great in IE.  When I looked at it in Firefox, the screen height is reduced and there's a vertical scroll bar.  Ouch.

What can I do to display it properly in Firefox?  Any ideas on where to look?

The code is 850 lines long so I won't post it.  But I have screen-shots that I will attach.
The program is written in PHP.

Naturally I suspect a CSS issue -- but after changing it for the past 5 days, I can't find a solution.  Any suggestions?
 Display using MSIE -- works good Display using Firefox - does not give full height
0
Comment
Question by:BillBB
  • 5
  • 4
9 Comments
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 33550100
Is the "View Source" small enough to post?  That will show what's wrong.  After all, that's what the browser sees.
0
 

Author Comment

by:BillBB
ID: 33550296
Sure... here it is.
<!-- Output basic HTML code -->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<link rel="stylesheet" type="text/css" href="bbstyle.css">



<title>VCCA Members Area</title>



<!--BEGINNING of CSS INFO-->

<!--END of CSS INFO-->



<script type="text/javascript">

function change_color_scheme(id)

{

	window.location = 'dirLIST_files/chng_clschm.php?folder=&id='+id;

}



function set_language()

{

	window.location = 'dirLIST_files/set_language.php?folder=&lang_id='+document.getElementById('language_selection').value;

}

</script>



<script type="text/javascript" src="menu/stmenu.js"></script>



</head>

<body>



<!--beginning of HEADER-->

<div style="text-align:center">

<div id="main_div">



<p class="style11">

Members Area&nbsp;&nbsp;&nbsp;&nbsp; ~&nbsp;&nbsp; &nbsp;&nbsp; Members Only&nbsp;&nbsp;&nbsp;&nbsp; ~&nbsp;&nbsp;&nbsp; &nbsp; 



Members Area&nbsp;&nbsp;&nbsp;&nbsp; ~&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Members Only



<p id="color_scheme1" class="style1" class="style5">



<div id="header">



<!--below modified by BB-->

<!--<div style="height:81px; overflow:hidden">-->



<div class="left" style="padding-top:5px; padding-left:5px">

	<img src="images/logo.png" alt="VCCA Logo"></div>

<div class="left"  style=" padding-top:15px; padding-left:5px" >

	<img src="images/logo_name.png" alt="VCCA"></div>



<div class="clear"  align="center" style="height: 35px" >

	<script type="text/javascript" src="menu/menu.js" language="javascript"></script>

    </div>

    

<!--end of HEADER-->



<p id="color_scheme1" class="style1">

<strong>



<!-- Output basic HTML code done -->



<table width="725" border="0" cellspacing="0" cellpadding="0"><tr><td><font size="3" font color = "#FFB70D";><i><b>Breadcrumbs> <a href="index6.php"></i><font size="3" font color = "white";>VCCAdocs</b></a>/</font></color></td></tr></table><br />



<table width="725" border="0" cellspacing="0" cellpadding="0">

	<tr>

		<td width="320" rowspan="2" valign="top"><br />        </td>

        

        <td width="222" rowspan="2" align="center" valign="top">

        

            <table width="175" border="0" cellpadding="2" cellspacing="2" class="table_border">

                                                                        </table>

        </td>

        

			</table>



<table width="725" border="0" cellspacing="5" cellpadding="5">

    <tr>

    	<td width="450" class="top_row"><a class="sort" href="dirLIST_files/sort.php?by=name&folder=">Name</a></td>

    	<td width="100" class="top_row"><a class="sort" href="dirLIST_files/sort.php?by=size&folder=">Size</a></td>

    	<td width="125" class="top_row"><a class="sort" href="dirLIST_files/sort.php?by=date&folder=">Date Uploaded</a></td>

  </tr>

</table>

<table width="725" border="0" cellspacing="5" cellpadding="5"><tr class="folder_bg"><td width="450"><div style="float:left;width:410px"> <a href="index6.php?folder=QURTX2luX3RoZV9HJkQ=">ADS_in_the_G&D</a></div></td><td width="100">197.24 MB</td>



		<td width="125">21 August 2010</td></tr><tr class="folder_bg"><td width="450"><div style="float:left;width:410px"> <a href="index6.php?folder=Rk9STVM=">FORMS</a></div></td><td width="100">164.5 KB</td>

		<td width="125">21 August 2010</td></tr><tr class="folder_bg"><td width="450"><div style="float:left;width:410px"> <a href="index6.php?folder=R1JBUEhJQ1M=">GRAPHICS</a></div></td><td width="100">10.28 MB</td>

		<td width="125">21 August 2010</td></tr><tr class="folder_bg"><td width="450"><div style="float:left;width:410px"> <a href="index6.php?folder=SlVER0lORw==">JUDGING</a></div></td><td width="100">616.8 KB</td>



		<td width="125">21 August 2010</td></tr><tr class="folder_bg"><td width="450"><div style="float:left;width:410px"> <a href="index6.php?folder=TUFOVUFMUw==">MANUALS</a></div></td><td width="100">7.44 MB</td>

		<td width="125">21 August 2010</td></tr><tr class="folder_bg"><td width="450"><div style="float:left;width:410px"> <a href="index6.php?folder=TUVFVF9SRUdJU1RSQVRJT05fRm9ybXM=">MEET_REGISTRATION_Forms</a></div></td><td width="100">6.57 MB</td>

		<td width="125">21 August 2010</td></tr><tr class="folder_bg"><td width="450"><div style="float:left;width:410px"> <a href="index6.php?folder=VEVDSE5JQ0FMX0lORk8=">TECHNICAL_INFO</a></div></td><td width="100">2.85 MB</td>



		<td width="125">21 August 2010</td></tr></table><br>

<!-- Output basic HTMl code -->



<!--beginning of FOOTER-->

<div class="style3">

<div class="subheader" style="text-align:center; height: 39px;">Vintage Chevrolet Club of America<br>&quot;The World's Best Chevrolet Club.&quot;</div></div>



        <div class="text_verdana" style="text-align:center">

<div class="style11"> 

        A nonprofit organization dedicated to the restoration

          and preservation of all Chevrolets.</div>

          </div>   

          

    <div id="footer">



<!--    <div class="textstyle clear">&nbsp;&copy; All Rights Reserved with The Vintage Chevrolet Club of America</div> -->

<p>&nbsp;&copy; All Rights Reserved with The Vintage Chevrolet Club of America</p>

    </div>

    

    </body>

</html>

<!-- Output basic HTMl code done -->

Open in new window

0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 33550353
Ok, without the CSS file it displays Ok.  Can you post the "bbstyle.css" file?
0
 

Author Comment

by:BillBB
ID: 33550411
here it is.
bbstyle.css
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 83

Accepted Solution

by:
Dave Baldwin earned 500 total points
ID: 33550482
You have "#main_div" in your CSS file twice.  I killed "overflow: auto; height: auto;" and the scroll bar went away.  You also have a missing end tag for the header div </div> on line 52 of the "View Source".  There are still spacing differences between IE and Firefox.
0
 

Author Comment

by:BillBB
ID: 33550518
I had to take wife to hospital. Will resume when I get back.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 33550557
No problem.
0
 

Author Closing Comment

by:BillBB
ID: 33550729
Thanks for sticking with me... I swear that I tried each of these changes earlier... but maybe not all at the same time.
0
 
LVL 83

Expert Comment

by:Dave Baldwin
ID: 33550787
I understand.  Thanks.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Problem to page 4 71
Printing a Google Form 2 25
server DNS address could not be found 22 126
css icomoons will not display on page 14 14
If you are a web developer, you would be aware of the <iframe> tag in HTML. The <iframe> stands for inline frame and is used to embed another document within the current HTML document. The embedded document could be even another website.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

912 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

Need Help in Real-Time?

Connect with top rated Experts

17 Experts available now in Live!

Get 1:1 Help Now