Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Complete page for test website being designed does not appear well in firefox. I have to zoom out for the whole page to appear. what is the problem?

  • 6 பதிலளிப்புகள்
  • 1 இந்த பிரச்சனை உள்ளது
  • 1 view
  • Last reply by cor-el

Hello,

I am designing a test webpage & it does not appear well in firefox... only the top half of the webpage appears and I have to press ctrl and - to see the whole page.... also, even when I see the whole page, the right scrollbar that appears on every webpage does not appear? What could the problem be? Any help will be appreciated.

Hello, I am designing a test webpage & it does not appear well in firefox... only the top half of the webpage appears and I have to press ctrl and - to see the whole page.... also, even when I see the whole page, the right scrollbar that appears on every webpage does not appear? What could the problem be? Any help will be appreciated.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

The missing scroll bar is caused by the position: fixed; and top: 0px; rules.
That DIV .header also has a height: 100px what wouldn't be correct.

.header {
background-image: url(images/bg-header.jpg);
padding: 0px 0px 0px 0px;
height: 100px;
position: fixed;
top: 0px;
width: 100%;
z-index: 50;}

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

Read this answer in context 👍 0

All Replies (6)

Does this only happen on that specific page?

Reset the page zoom on pages that cause problems.

  • View > Zoom > Reset (Ctrl+0 (zero); Command+0 on Mac)

Reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.

  • Hold down the Shift key and left-click the Reload button
  • Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
  • Press "Command + Shift + R" (Mac)

Is this page available for us to check (i.e. can you post a link)?

Thanks so much for your help cor-el ... posted the link here caam.oneclick-digital.com

There's no scroll bar, and that page looks the same on Opera, IE, and Firefox.

தீர்வு தேர்ந்தெடுக்கப்பட்டது

The missing scroll bar is caused by the position: fixed; and top: 0px; rules.
That DIV .header also has a height: 100px what wouldn't be correct.

.header {
background-image: url(images/bg-header.jpg);
padding: 0px 0px 0px 0px;
height: 100px;
position: fixed;
top: 0px;
width: 100%;
z-index: 50;}

A good place to ask advice about web development is at the MozillaZine "Web Development/Standards Evangelism" forum.

The helpers at that forum are more knowledgeable about web development issues.
You need to register at the MozillaZine forum site in order to post at that forum.

Thanks a lot cor-el. Absence of scroll bar was caused by position: fixed rule which I have changed to relative and now it appears. Sorry for the bother and thanks a lot for your assistance.