Background Display Problems in Firefox

Hi everyone, I hope someone can help me with my problem...
I'm working on a website and having problems with the main
text area (body) of the website.
I have a main div, with two div's (left) floated within it
(the left hand column contains the body text and the right hand
column contains a Navigator). See CCS below:
#main {
background-image: url(images/mainBackground.gif);
background-repeat:repeat-y;
background-color: #666666;
width: 700px;
height: 100%;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
#mainText {
width: 444px;
height: 100%;
margin: 0px;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
float: left;
#mainNav {
width: 156px;
height: 100%;
margin: 0px;
padding-top: 30px;
padding-right: 25px;
padding-bottom: 30px;
padding-left: 25px;
float: left;
As you can see I have repeated an image in the Main div. This
works fine in IE6 but not in Firefox. Firefox doesn't display the
background image or even the background colour, unless I set an
actual pixel height for the div (which I can't do as it will need
to be a different size on every page depending on content).
What do I need to do to correct this? Any help would be
gratefully received.
Thanks
Webbo

Sorry - typo - - I meant add the style to the #main (not
the#nav as I
said previously)
#main {
background-image: url(images/mainBackground.gif);
background-repeat:repeat-y;
background-color: #666666;
width: 700px;
height: 100%;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
overflow: auto; /* <---- */
Nadia
Adobe� Community Expert : Dreamweaver
http://www.DreamweaverResources.com
- CSS Templates|Tutorials
http://www.csstemplates.com.au
http://www.perrelink.com.au
- Web Dev
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
".: Nadia :. **AdobeCommunityExpert**"
<[email protected]> wrote in
message
news:e97q4u$3gc$[email protected]..
> adding: overflow: auto; to #nav
> showed the background in FFox
>
> --
> Nadia
> Adobe� Community Expert : Dreamweaver
> -------------------------------------------------
>
http://www.DreamweaverResources.com
- CSS Templates|Tutorials
>
http://www.csstemplates.com.au
> -------------------------------------------------
>
http://www.perrelink.com.au
- Web Dev
> -------------------------------------------------
>
http://www.adobe.com/devnet/dreamweaver/css.html
> CSS Tutorials for Dreamweaver
> -------------------------------------------------
>
>
> "Webbo agogo" <[email protected]> wrote
in message
> news:e97ohr$1m5$[email protected]..
>> This is the page in question:
>>
>>
http://www.my-online-gallery.co.uk
>>
>>
>> and this is the CSS file:
>>
>>
http://www.my-online-gallery.co.uk/stylesheet.css
>
>

Similar Messages

Browser display problem in firefox

After reinstall Vibe 3.3 to new server. Browser display problem in firefox. Last column only display half in the table. But IE is display fine. Any suggestion?

Originally Posted by yuenc
Sorry that, our company no planning on upgrade.
And they said no problem before move to new server.
Then you could try the workaround mentioned in comment 6: https://bugzilla.novell.com/show_bug.cgi?id=786587#c6
According to the bug report it was found in 3.3, so either they had this problem before or they used an older version firefox than 16 prior to the server migration.
Thomas

Flex display problem with firefox !

Hi,
I am getting a wierd problem when running my flex app in
firefox, however it does work fine in IE.
Can you please find out the reason to why this kind of
dissimilarity happen.
Here is my mxml code which displays an orange area on the
screen.
According to the width specified in mxml the width should be
674 pixels but for some reasons it is displaying the widh more than
900 pixels, I can see the actual width in gradient but am not
able to get rid of the background orange.
This does happen when there is already a browser open (IE or
mozilla). When all the browsers are closed and
if we run the app from flex ide, it opens perfectly in
firefox. As soon as I open a new instance of the application
the problem arises again.
In IE it is working perfectly fine.
Pl. help me to find the solution of such a strange problem.
Thanks.
Soundarya

On MacOsx (firefox 3.0.5) the width is correct (674).
Probably your javascript embed has been messed up for some
reason.
It should be something like:
<embed width="674" height="680" align="middle"
type="application/x-shockwave-flash" pluginspage="
http://www.adobe.com/go/getflashplayer"
allowscriptaccess="sameDomain".../>
HTH

DW CS3 Display problem in Firefox and Netscape

I have a page created using css. I have a div wrapper set at
100% for height and width and it has a background image. It
displays correctly in IE, but in Firefox and Netscape it has a
white bar along the top. I don't have this online yet, so I know it
is difficult without seeing it or seeing the css, but any ideas are
welcome. If there is something, aside from the site being online
that would help to identify the issue let me know. As always, I
appreciate any and all ideas.
Thank you.

100% height isn't going to work, you know?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Nancy O" <[email protected]> wrote in message
news:gohub8$1ej$[email protected]..
> Use these on-line code validation checkers:
>
> HTML -
http://validator.w3.org/
> CSS -
http://jigsaw.w3.org/css-validator/
>
> I don't know how you are applying max-height or to what,
if any, benefit
> so
> I can't comment. But min/max height/width are not
recognized in pre-IE7
> browsers.
>
http://www.quirksmode.org/css/width.html
>
>
> --
> Nancy O.
> Alt-Web Design & Publishing
> www.alt-web.com
>
>

Background display problem in div

Hi everyone,
I have a two column fixed with header and footer page. In the
body section I put in two div containers for the different sections
of text that I wanted to have. I put in a background image for the
div but when I view it the bottom of the background image is being
cut off. Can anyone help me with this problem so that I can get the
image to show completely.
Thanks,
Robert

Hi Robert,
To make the whole image show as the background, you'll want
to make the
div's height and width the same size as the image.
To avoid any box-model issues (more info:
http://www.quirksmode.org/css/box.html)
you should remove the padding for
that div from the CSS.
You can use margins applied to the <p> tags in that div
to align your text
the way you want.
Assume the image is 300x300 for the example below:
.bodyText1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height:300px;
width:300px;
background-color: #eee9ca;
margin-top: 10px;
background-image: url(../Images/indexbodyimage.gif);
background-repeat: no-repeat;
background-position: top;
.bodyText1 p {margin: 2px 10px;}
The .bodyText p class says "give all <p> tags in the
container .bodyText1 a
top and bottom margin of 2px and a left and right margin of
10px.
I hope that helps.
Take care,
Tim
"ryonker" <[email protected]> wrote in
message
news:fjqndc$8s8$[email protected]..
> Here is the HTML code and the the CSS code will follow.
I hope that this
> is
> what you are looking for. Thanks for any guidance.
>
> HTML CODE:
> <div id="mainContent">
> <div class="bodyText1" id="bodyText1">
> <p class="style3">
For Business Owners</p>
> <p>Understand your target market</p>
> <p>Create or refine your marketing plan</p>
> <p>Drive your plan implementation</p>
> <p><br />
> <br />
> <br />
> Contact us for a free marketing evaluation: <a
>
href="mailto:[email protected]">[email protected]</a></p>
> <p> </p>
> <p> </p>
> </div>
>
> CSS CODE:
> .bodyText1 {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 12px;
> background-color: #eee9ca;
> padding-top: 5px;
> padding-right: 10px;
> padding-bottom: 10px;
> padding-left: 10px;
> margin-top: 10px;
> background-image: url(../Images/indexbodyimage.gif);
> background-repeat: no-repeat;
> background-position: top;
>

With Firefox 5.0.1 and Firefox 6 beta there are display problems apparently due to Java and some Javascript compatibility problems -- there were links to solutions, but they are no longer active. What to do?

The box and button lines are not displayed or are mis-sized, if they appear at all; problem varies with the website and page style.
The threads I found in discussions mentioned a couple pages that are no longer active/cannot be opened -- so these solutions don't work.
When starting version 5x and 6beta I get information certain add-ons are STILL incompatible with these versions?
Are there any work-arounds or patches?

I am having this problem too. Just like WinOnBatch the problem started for me around firefox 5.0.1.
I have not been able to get rid of this problem. I have tried creating a new profile, restarting firefox in safe mode. disabling extensions 1 by 1. When I built this computer I did a clean install of firefox 5.0.1, and 2 weeks later with no extensions the problems came back. At that point I had the Java and flash plugins only.
When firefox 6 was released I did another fresh install (uninstalled firefox, went through my hard disc and deleted any reference to firefox and mozilla. Did the same in the registry, then run a registry cleaner and restarted the computer) before I installed firefox 6 and the problem was happening in less than a week. The I said to hell with it and re-created my entire profile from scratch and installed all my old extensions (updated them off course). 2 weeks ago it got really sever and I couldn't see any buttons on the chome interface and all web pages I visited were displaying really messed up. The only way i can describe it is kinda like greentech70 screenshots but on every inch of the application window. Like a really bad screen tearing effect.
The only thing that seem to help is when I downgraded to firefox 3.6.18. That fixed it but like greentech70 I have security and privacy concerns, so upgraded to firefox 6 again as the issue went away for 1 day, then came back but not as severe. since then I have been downgrading to firefox 3.6.18 re-installing java and flash, then upgrading back to firefox 6. It keeps the problem minimised but im still plagued by it. I also wonder if its a problem with firefox's 6 graphical engine.

Can Mozilla Firefox 35.0.1 fix display problem on my Mac ?

Hi, I'm a photographer not a web designer so excuse my lack of knowledge ... but i have a problem with Firefox displaying my website ... www.rodedwards.com.
I've just installed Wordpress on my server and installed a custom theme for my photography portfolio.
The website displays amazingly well with Chrome and Safari, but it has display errors with Firefox on Mac. The scrolling thumbnails in the galleries seem to download from top to bottom after viewing about twenty images (and reload again when scrolling back). This is the Youtube link to the problem http://www.youtube.com/watch?v=rVEG7oqwPqg .
I've tried Hard Refresh but didn't work so i tried Firefox / Help / Restart With Add-Ons Disabled / Start In safe Mode and it then displays great. I'm guessing that this suggests there is a bug in Firefox or the add-ons since i updated to the most recent version of Firefox (now 35.0.1).
Can this be fixed now it's been noted ?
You advice would be much appreciated ... Thanks :)
Ps - It's not an image size problem as I've installed a similar copy at www.rodedwardsphoto.co.uk with smaller images and i still get same problem.

[[Update Firefox to the latest version]]

Problem in displaying flash in FireFox

Hi all,
I have problem in displaying flash in FireFox 2.0. but it
works very fine in IE.
any one please help me....
Shanthi.

I came across this post since I too have the same problem. I
had a current firefox version installed (9.0.28.0) and downloaded
and installed the newest version (9.0.45.0) and when I get to a web
site with flash content, I see the 'loading' bars, but then I get a
black screen while the contents audio is playing.

Firefox display problems

Hello all,
We're using Flash Paper 2 to make some extra documents
available in external HTML pages from a flash site.
These work fine in all browsers except for Firefox where only
the top half of the document is visible - it's all functional, but
there's some display problem
thanks for any ideas

I am having almost the same problem that Jon reports. I have
made a PDF using the FlashPaper 2 that came with Studio 8. When the
link to this PDF is clicked in MSIE 6 or NN 7.1, the PDF displays
normally. When I do the same in Firefox 1.5.0.6 the PDF never
finishes loading and never displays at all. Oddly when I click a
link to view PDFs created through other means, they display
normally in the Adobe Reader plug in for Firefox. So this appears
to be a problem that is unique to PDFs produced with FlashPaper 2
when the viewing is attempted in Firefox. Two of the three pieces
of software, FlashPaper and Reader, are Adobe products, so I hope
that someone at Adobe will take ownership of this problem and find
out what needs to be corrected.

Problem displaying link in Firefox, works fine in IE.

I just noticed a problem yesterday after a customer called and said that they weren't able to view the 24 volt computer link on our website. So I went can check with Firefox and it won't display when I never used to have any problems with Firefox. I tried in IE and it worked fine. Any help would be greatly appreciated. The website is www.lamppakuuma.com and the link that won't display is http://lamppakuuma.com/24%20Volt%20Computer.html. It is under our furnace section. Any advice would be greatly appreciated because this is my 1st website design and it used to work correctly.
Thank you,

Vaporfire wrote:
I just noticed a problem yesterday after a customer called and said that they weren't able to view the 24 volt computer link on our website. So I went can check with Firefox and it won't display when I never used to have any problems with Firefox. I tried in IE and it worked fine. Any help would be greatly appreciated. The website is www.lamppakuuma.com and the link that won't display is http://lamppakuuma.com/24%20Volt%20Computer.html. It is under our furnace section. Any advice would be greatly appreciated because this is my 1st website design and it used to work correctly.
Thank you,
Just giving a link isn't any good to anyone, no-one can see a link unless they start clicking on everything on the page. Can you tell us what words/image to click on?

Imac display problem, the resolution seems to be unusual, top bar and all folders on the desktop background is off the screen

Need help with 21" imac display problem. The resolution seems to be unsual, everything on the desktop background goes off the screen. The resolution is set at 1920 x 1080

Quit the game and restart the iPad.
To quit the game - Go to the home screen first by tapping the home button. Quit/close open apps by double tapping the home button and the task bar will appear with all of you recent/open apps displayed at the bottom. Tap and hold down on any app icon until it begins to wiggle. Tap the minus sign in the upper left corner to close the apps. Restart the iPad. Restart the iPad by holding down on the sleep button until the red slider appears and then slide to shut off. To power up hold the sleep button until the Apple logo appears and let go of the button.
If that doesn't work try this.
Reset the iPad by holding down on the sleep and home buttons at the same time for about 10-15 seconds until the Apple Logo appears - ignore the red slider - let go of the buttons.

I am having major problems with Firefox. About 3 weeks ago I started experiencing the display only when on Firefox for all web site, that the display would be shifted right about half a screen. It only happens on Firefox and happens for all web sites.

I am having major problems with Firefox. About 3 weeks ago I started experiencing the display only when on Firefox for all web site, that the display would be shifted right about half a screen. It only happens on Firefox and happens for all web sites.

This issue can be caused by the Babylon Toolbar 1.1.8 extension
Start Firefox in <u>[[Safe Mode]]</u> to check if one of the extensions is causing the problem (switch to the DEFAULT theme: Firefox (Tools) > Add-ons > Appearance/Themes).
*Don't make any changes on the Safe mode start window.
*https://support.mozilla.com/kb/Safe+Mode
*https://support.mozilla.com/kb/Troubleshooting+extensions+and+themes

Firefox window bar display problem

The size of window bar of my computer is customized, when maximize firefox, there is a display problem about the window bar of firefox, the windows bar of firefox shows different color strips.

this is the picture of problem window bar of firefox.

Strange Firefox Display problem

I don't understand why one of my pages isn't displaying properly in Firefox. You'll notice that the main photo window is cut off. It's fine in all other browsers. I'm stumped - any thoughts would be greatly appreciated!
http://thewoodshopmalvern.com/ThumbnailGallery/index.htm

A first look tells me that there is no height defined for that iframe.

Sudden Display issues in Firefox from Dreamweaver-built pages

Hi, first time posting and a novice at Dreamweaver and web design so please bare with me.
I'm an IT administrator for a small charity company and they decided to ask me to build them a website, I bought Dreamweaver in University and had a small try with it but never really used it since.
Now I'm no web designer but I'm trying the best I can, I managed to make a few preliminary pages for use and found they displayed correctly in most browsers apart from IE and Opera.
But Suddenly today - after no editing or alterations since friday (and it displayed fine yesterday on tuesday), it started experiencing the same issues in Firefox this morning for no apparent reason. I assumed that it would be a problem with Firefox but when trying to sign up to Firefox help I meet an "Access Denied" page after clicking to sign up. Now I know there's no point in searching their forums for that issue because of course, how can someone complain they have the problem when the fact they can't get on the forums to post is what's preventing the post in the first place?
I googled both of those issues and turned up nothing, which led me here.
The "Access Denied" at signup issue is obviously not what I'm seeking for here though, but would like to know if anyone else has experienced the issue with the formatting suddenly displaying incorrectly in browsers when they worked fine before?
Like I said, I'm a complete novice at web design and dreamweaver so feel free to tell me the coding in the website is pants, I know it is but it does (did!) the job in most browsers.
Any help at all would be appreciated.
Faultlessdark
www.guidonsupportservices.org.uk
PS. For an ironic laugh - note the "This website is best displayed in Mozilla Firefox and Google Chrome" at the bottom of the page

My advice, although negative, would be to stay clear unless you are confident and capable of using html and css. Dreamweaver won't do the job for you and you will be biting off more than you can chew.
Having said that I've made the necessary changes so that your page will work in all browers. Just copy the whole html code and css below, paste into a new Dreamweaver document and save to your site root folder.
Do not mix measurements i.e., width 43em, padding 15px etc. I would advise staying with px based measurements as measurements are critical to if the site works or not. I don't know what 43em + 15px makes but I do know what 170px + 15px makes. I have changed the width of the containers in your code to px.
<!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">
<title>Home</title>
<script type="text/javascript" src="swfobject.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">

</style>
</head>
<body class="oneColElsCtrHdr">
<div id="wrapper">
<div id="sidebar1">
<center><h3>Site Map</h3>
<strong>Home</strong>
<strong><p>Guidon Support</p></strong></center>
<p>-Our aim</p>
<p>-What we do</p>
<p>-Management Team </p>
<p> -Careers</p>
<center><strong><p>Guidon Recycling</p></strong></center>
<p>-Materials</p>
<p>-Our Customers</p>
<p>-How we can help</p>
<center><strong><p>Groundworks</p></strong></center>
<p>-Projects</p>
<p>-Services</p>
<p>-Our Skills</p>
<center><strong><p>The Charity</p>
<p>Contact Us</p>
<p>About Us</p></strong></center>
</div>
<div id="container2">
<div id="container">
   <img src="guidon banner.jpg" width="734" height="229" />
</div>

<div id="FlashMenuLabs">Oh dear, it appears you have an older version of Adobe Flash player or don't have it installed, you need it to navigate our website - <a href="http://www.adobe.com/go/getflashplayer">Go get it!</a>
</div>
<script type="text/javascript">
    // <![CDATA[
        var so = new SWFObject("menu.swf", "menu", "740", "160", "8", "#000000");
        so.addParam("wmode", "transparent");
        so.addParam("scale", "noscale");
        so.addParam("salign", "TL");
        so.write("FlashMenuLabs");
    // ]]>
    </script>
   <div id="mainContent">
    <h1>Welcome - Under Construction</h1>
    <p>Welcome to the Guidon website. Guidon Support services is just a small part of the Guidon Group, which covers different areas such as Recycling, Civil Engineering and work based training. Please be aware that the site is under construction and this is the Home page. This is currently on here as a test to ensure that everything displays correctly. The full website will be available soon.</p>
    <p>You'll notice that our company is split in to these different areas on the website - so if you want to know about any of our services just pick the department on the handy menu above and head on over. </p>
    <p>Our recycling services cover a wide range of materials, including various metals and plastics - if you have some materials that you want us to take off your hands, go take a look to see if we process it, then give us a call. We'll collect and move it all - for free!</p>
    <p>Guidon Support Services is the main branch of the Guidon Group. The active offshoot of The Guidon Charity, Support Services aims to give current and ex-servicemen the opportunity to transfer their experience and skills to be applied in the civilian workplace, allowing them to get on their feet if they're having trouble getting back in to work.</p>
    <p>Our groundworks services is our own little civil engineering division aiming to install GSHP (Ground Source Heating Pump) systems for private and commercial properties.</p>
    <h2>The Guidon Charity</h2>
    <p>The Guidon Group is set up for one ideal: To reduce the harm caused by homelessness, drug and or alcohol abuse and to support serving or former service personnel or their families to lead a happy, healthy and productive life. Profits generated by the Guidon Group are passed on to the Guidon Charity to help us fulfill this aim
      
    </p>
    <p> </p>
</div>
<div id="footer">
    <p>This website is best viewed in Google Chrome and Mozilla Firefox - <a href="Browser Support Page.html">Why?</a></p>
    <p>Guidonsupportservices.org.uk ©2011 The Guidon Group. </p>
    <p>Contact the webmaster; [email protected] </p>
</div>
</div>
</div><!-- end wrapper --
</body>
</html>

Background Display Problems in Firefox

Similar Messages

Maybe you are looking for