Firefox CSS problem
For some reason Firefox does not display my web page
correctly and IE7 does.
The problem is that the page border (given the id of
'wrapper') does not enclose the page's divs (indicated by white
box), as seen on
http://users.bigpond.net.au/csteed/mercury/new%20index.htm
- in Firefox.
The CSS is available at
http://users.bigpond.net.au/csteed/mercury/layout.css
csteed wrote:
> For some reason Firefox does not display my web page
correctly and IE7 does.
>
> The problem is that the page border (given the id of
'wrapper') does not
> enclose the page's divs (indicated by white box), as
seen on
>
http://users.bigpond.net.au/csteed/mercury/new%20index.htm
- in Firefox.
>
> The CSS is available at
http://users.bigpond.net.au/csteed/mercury/layout.css
>
You appear to be missing the closing </div> tag for
your 'wrapper <div>.
Try adding it just before the closing </body> (see
below) and also add
the <br style-"clear: both;"> as shown.
<p>Copyright 'The Mercury Centre'
2007</p></div>
</div>
<br style="clear: both;">
</div><!-- end wrapper -->
</body>
Similar Messages
-
Yes another strange IE CSS problem
Hi all,
I was wondering if some kind soul could help me work out
hopefully my last CSS problem. If you look at my site:
http://www.aclighting.com/shop/
in IE you will see a light blue line at the bottom of the left hand
side navigation menu. In Firefox and other browsers it isn't there,
they are behaving, but I can't work out why IE is showing that
there.
This is the HTML
Class mid is what shows the blue line.
#shop #content-wrapper #menu .mid {
background: url(/images/menu_div.gif) no-repeat left top;
padding-top: 9px;
padding-left: 5px;
color: #FFFFFF;
font-weight: bold;
font-size: 100%;
I don't understand why its showing near the botton in IE.
SteveDoooza wrote:
> Hi all,
> I was wondering if some kind soul could help me work out
hopefully my last CSS
> problem. If you look at my site:
http://www.aclighting.com/shop/
in IE you will
> see a light blue line at the bottom of the left hand
side navigation menu. In
> Firefox and other browsers it isn't there, they are
behaving, but I can't work
> out why IE is showing that there.
> I don't understand why its showing near the botton in
IE.
Its on you background image?
http://www.aclighting.com/images/menu_bottom.gif
IE is probably making a container slightly higher for some
reason and
therefore shows more of te background image.
Just use a 'dedicatted' background image minus the blue line -
Will there be a fix for Firefox's problems with Hotmail. I have gone back to 3.5.9 but mostly I am disappointed by the lack of action on this serious problem where a major and critical feature of a major international website is unavailable in the Firefox browser.
== URL of affected sites ==
http://www.hotmail.comWe've reached out to the Hotmail team and they've determined that this is a bug in their code. (It was masked by a timing issue in 3.5 that was fixed in 3.6.) We've worked with them to develop a fix but they may not have deployed it yet.
-
Firefox gets problems when 2,7 GB of memory is used by Firefox
Firefox gets problems when 2,7 GB of memory is used by Firefox. Or more. Like 2,8 GB.
It started when I read jpost.com with tens of tabs open. I don't remember how many. But I know there was more than 40.
On the tab I that I was reading, the page turned completely black. Pitch black with nothing else, not even the Firefox interface. It was actually a pitch black shape that looked like a web page in shape. The blackness quickly disappeared and the page was normally readable again. But then it happened again - the page turned black again.
The same page turns black happened again later.
One of my browsing sessions had Firefox slow down so much that you could see scrolling happening when I used scrolling.
Still another time I had 60 tabs open and Firefox worked completely fine without freezes, slowdowns, or black shapes. I could close Firefox by just pressing the red X in the title bar.
Yesterday, I had 50 tabs open and I experienced a slowdown when I looked at the Breaking News headlines. The headlines would show slower than usual. The Breaking News headlines at jpost.com show the headlines a few words at a time until the headline is completely shown. Then the headline disappears and the next starts showing a few words at a time. And speed in general was not what you normally have with a computer that has 8 GB of memory. And a Core i5 processor. I opened two more tabs from the Breaking News section I had opened. After I opened a new window, Firefox froze. I had to close Firefox from the Task Manager by pressing End process. I had used Firefox for 6 hours without ever closing any of the tabs I had opened.
In all of these cases, more than 40 tabs were open. In all of these cases, the slow down or freeze meant I had to use Task Manager and then press End process on the Processes tab. In all cases except the two I describe in the next paragraph, I never close any tabs after opening them. No problems have ever happened until Firefox started using 2,7 GB of memory. Until that point, everything is normal with no freezes or slowdowns.
At two times, I tried to reduce memory usage by closing tabs. However, in both cases this would make Firefox freeze. In one of these cases, Firefox would show something bizarre: there would be about 7 tabs, and one of the tabs would be partly shown. Also, Firefox would show the busy cursor. Firefox did not show how many tabs I actually had. The second time, I tried to close the tabs by clicking Close other tabs in the menu that you get when right-click a tab. The tabs would close fine, but I remember that I opened Gmail and then I did this: I clicked on the Promotions tab. Instead of seeing the tab with the Emails, Firefox showed a busy cursor and the title bar said not responding. Firefox froze.
The reason might be Adblock Plus memory usage. In Adblock Plus home page, developer Wladimir Palant writes in his blog about how Adblock Plus uses a lot of memory: https://adblockplus.org/blog/on-the-adblock-plus-memory-consumption .One more bit of information: I have a Geforce 640 GT graphics card. My graphics card drivers are old- version 311.41. The newest version of the drivers is 340.52. Would a new graphics card driver solve the problem?
-
Css problem in internet explorer
Hi to all!
On my page as part of the page template I have build in a little drop-down user panel on the left top of the page.
html:<div id="userpanel">
<span><img src="'#APP_IMAGES#openSlidedown.png" /> <a>logon: &APP_USER.</a>
<div id="userpanel_hsreg"><p>Autorisiert für: &APP_CODES_DISP.</p>
<p>| #NAVIGATION_BAR#</p>
</div></span>
</div>css:#userpanel,
#userpanel * {
position:relative;
font-family:verdana; font-size:12px;
margin:0; padding:1px; border:0;
white-space:nowrap;
#userpanel a,
#userpanel span { display:inline-block; }
#userpanel>span>a { color:#999; }
#userpanel span:hover div { display:block; }
#userpanel>span:hover > a { color:black; }
#userpanel_hsreg {
display:none;
position:absolute;
left:+5px;
top:+24px;
background:#fff;
padding:10px 18px;
line-height:180%;
border:1px solid silver;
border-radius: 6px;
box-shadow:1px 2px 5px #aaa;
z-index:99;
#userpanel>span>a {
border-bottom:1px solid silver;
margin-top: 5px;
}So what happens is this: if the user hovers over the "+logon: username+", a little box pops up with some further information (the item &APP_CODES_DISP.) and the logout-link. Below this link, the Navigation bar starts. So while the box pops up, it covers a part of the region below, what its meant to do.
The promlem is, that this doesnt work in Internet Explorer properly, when its launched from apex. Instead, the popup-box is displayed behind the region below. In Mozilla, as always, everything worls fine. This problem ocured already, when I opened the html-file from desktop, but I fixed that by putting the z-index-attribute in. Only now, in Apex, its still now working in IE. I am not that of an expert in css. I have tried different XHTML declarations in the header, all no difference.
The current one:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">This might be a bit of a tricky issue, so I dearly hope, someone can help me. (Similar problem like the other threat I started recently here where the round-corner attribute is not working in IE-Apex, but this time its a bit more vital. :) )
I have v 4.0.2.
Thanks and greetings,
tobiHi again!
This turns out not to be an APEX-issue, as I tought first, but rather a css-problem. Maybe therefore I'm in the wrong forum, but maybe someone can help me anyway.
I have created two pages with the relevant element: (login with test/test please) one page with standard tabs and another with my own html-navigation. Now Internet Explorer has the option "Compatibility View" which in our company is activated by default. On page 1 it makes no difference, but on the second, with Compatibility View on, the drop-down box apeares behind my selfimplemented navigation bar. WHY IN GODS NAME DOES THIS HAPPEN??
I have posted the same question in a german web-developer forum (here) also, because its quite urgent that I solve this, and as I mentioned above, many colleagues work with IE.
So if anyone here is a css-IE9-expert... :)
Thanks and best regards,
Tobi
edit: ok, its solved. The userpanel-div needed a "z-index:1;" attribute for IE. :)
Edited by: tpetri on 03.09.2012 09:53 -
Hello, I have problem with firefox, visual problem. I have took some pics comparing firefox and chrome in the same site as pairs, please take a look:
http://www.flickr.com/photos/linsspinho/7804520418/in/photostream
http://www.flickr.com/photos/linsspinho/7804520048/in/photostream
http://www.flickr.com/photos/linsspinho/7804519918/in/photostream
http://www.flickr.com/photos/linsspinho/7804520292/in/photostream
http://www.flickr.com/photos/linsspinho/7804519798/in/photostream
http://www.flickr.com/photos/linsspinho/7804520178/in/photostream
no matter which version I use, it seems some C++ library is missing. I have uninstall e deleted all folder, clean windows xp registry.
I'm using windows xp professional service pack 3
Have tried another firefox version, same thing!
I think google is sabotating firefox! hehehhe just a guess! Internet Explorer seems ok too.
If you guys do not know what is the problem, please let me know!Did you check all possibilities from the "Website_colors_are_wrong" article including the Windows accessibility setting?
*http://kb.mozillazine.org/Website_colors_are_wrong
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions or if hardware acceleration 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.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes -
Lately when I access Optum Rx it mbegins to load but I get firefox having problem loading page
Lately when I access Optum Rx I log in and it begins to download the I receive message firefox having problem loading page, why?
Update your Firefox to latest version of Firefox 20.0.1
Hello,
Many site issues can be caused by corrupt cookies or cache. In order to try to fix these problems, the first step is to clear both cookies and the cache.
Note: ''This will temporarily log you out of all sites you're logged in to.''
To clear cache and cookies do the following:
#Go to Firefox > History > Clear recent history or (if no Firefox button is shown) go to Tools > Clear recent history.
#Under "Time range to clear", select "Everything".
#Now, click the arrow next to Details to toggle the Details list active.
#From the details list, check ''Cache'' and ''Cookies'' and uncheck everything else.
#Now click the ''Clear now'' button.
Further information can be found in the [[Clear your cache, history and other personal information in Firefox]] article.
Did this fix your problems? Please report back to us!
Thank you. -
Hi All,
I am in the process of making a website for a friend, when I ran into what looks like a css problem.
I purchased the css file in a template from a guy who does tutorials on youtube, I have contacted him on several occasions but his customer service is pretty awful and he hasn't replied to any contact.
When using a mobile or tablet to view the website the header and footer area is pushed to the left. (please see attached image)
I added 100% to the following containers but still it never changed them.
#header-wrapper
#footer-content-wrapper
#footer
If I change the widths to 1000px then it sorts it out for the mobile view but then the website on a pc/laptop is distorted.
the website can be found at www.leightonsterling.com
Thankyou in advance.There's nothing wrong with your site. That's exactly what fixed-width, centered layouts do in smaller displays. They move to the left. If you want a responsive web site that adjusts to mobile and tablet device widths, you need a Responsive Layout.
Look at FluidGrid Layouts in Dreamweaver CS6 & CC. Or use one of the following Responsive Frameworks to jump start your project.
Project Seven's Page Packs (commercial CSS Templates, Widgets & Extensions for DW)
http://www.projectseven.com/products/templates/index.htm
Excellent products, excellent customer support. A+++
Foundation Zurb
http://foundation.zurb.com/templates.php
Skeleton Boilerplate
http://www.getskeleton.com/
Initializr (HTML5 Boilerplate, Responsive or Bootstrap)
http://www.initializr.com/
DMX Zone's Bootstrap extension for DW
http://www.dmxzone.com/go/21759/dmxzone-bootstrap/
Fluid Grid Layouts in CS6
http://tv.adobe.com/watch/digital-design-cs6/creating-adaptive-designs-using-fluid-grid-la youts-in-dreamweaver-cs6/
Nancy O. -
FIrefox Browser problem- Suddenly now when I press the 9 number key (or 6) FIrefox zooms out and when I press a 0 number key Firefox zooms in. This just started happening 2 days ago.
I am using a Mac and I have the latest Firefox . No updates of any kind have occurred in the past 4-5 days, so I must have inadvertedly activated this.
How can I deactivate this?Hi lachem, I guess our comments in your earlier thread didn't solve the problem, but to avoid duplicate threads, let's continue there: [https://support.mozilla.org/questions/1050032 The Firefox "search for text when I start typing feature" has just stopped working correctly].
-
When Firefox opened, and the system ply a sound, the com will hang awhile, but after I close Firefox, the problem solved itself, if I disable all plugins, the problem solved, can help check which plugins will cause this problem or this is Firefox problem???
== This happened ==
Every time Firefox opened
== ply a soundI changed the setting, but unfortunately, this didn't fix the problem. This situation does seem to occur more, when I load or reload my eBay home page. I noticed that all data and information would go ahead and load, but the random ads bar would not immediately load and when I would left click anywhere on the page, Firefox would temporarily freeze, the page turns white, Firefox not responding will display, and then the banner would load and everything is fine. I'm wondering if it has something to do with my Flash Player. Any additional suggestions would be greatly appreciated. Thanks! Reggie
-
CSS Problem in Mozilla Firefox
Okay, so I created my site, blah, blah, blah, everything
worked perfect on my computer. I put it up on the web, and it works
fine in IE, but in Mozilla Firefox, it is not able to find the
external CSS document that is used. Here's my site:
http://www.npbiblestudy.com/editorial/index.html
I'm just not sure what the problem is seeing as it works on
my computer. Thanks!!IE can't find the CSS file either. Here's how you have it
coded:
file:///C|/Website/Site/emx_nav_left.css -
Hey Guys
I have just converted my site layout to CSS and only have 2
problems.
Click here for website
1) In IE there is a border at the bottom of the page and in
Firefox there isn't even though I've set the page margin and border
to 0. Then I tried to override the standard padding set by
Firefox/IE by using * {margin : 0;padding : 0;}. This solved the
problem but removed all padding from CSS document which i don't
want.
2) The subheading 'Photography' needs to be padded down. In
IE it is but in Firefox it isn't and I can't get it to move.
Any help would be much appreciated!
body {
margin: 0;
padding: 0;
border: 0;
background-color: #CCCCCC;
.title {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 36px;
line-height: 40px;
color: #FF0000;
.subheading_red {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #FF0000;
.subheading_white {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 20px;
color: #FFFFFF;
.main_black {
font-family: Arial;
font-size: 12px;
line-height: 20px;
color: #333333;
.main_white {
font-family: Arial;
font-size: 12px;
line-height: 20px;
color: #FFFFFF;
.main_red {
font-family: Arial;
font-size: 12px;
line-height: 20px;
color: #FF0000;
.form {
font-family: Arial;
font-size: 12px;
color: #333333;
min-height: 15px;
.blurb {
font-family: Arial;
font-size: 12px;
line-height: 20px;
color: #999999;
.footer_1 {
font-family: Arial;
font-size: 12px;
line-height: 20px;
color: #FFFFFF;
font-weight: bold;
.footer_2 {
font-family: verdana;
font-size: 10px;
line-height: 20px;
color: #CCCCCC;
/* Links */
a:link {
text-decoration:none;
a:visited {
text-decoration: none;
a:hover {
text-decoration: underline;
color: #FF0000;
a:active {
text-decoration: none;
/* Layout - Homepage*/
#main_image {width:990px; height:211px; margin-left:auto;
margin-right:auto;}
#menu {width:970px; height:97px; padding:10px;
background-color:#000000; margin-left:auto; margin-right:auto;}
#container {width:990px; margin-left:auto; margin-right:auto;
background-color:#FFFFFF}
#module_1 {width:770px; height:430px; float:left;
background-color:#FFFFFF; padding-top:10px;}
#title {width:430px; height:40px; padding-left:20px; float:
left; background-color:#FFFFFF;}
#upload {width:320px; height:50px; padding-top:5px;
padding-bottom:5px; float: right; background-color:#FFFFFF;}
#blurb {width:430px; height:20px; padding-left:20px;
background-color:#FFFFFF;}
#description {width:730px; float:left; padding-left:20px;
padding-right:20px; background-color:#FFFFFF;}
#module_1a {width:770px; height:240px;
background-color:#FFFFFF;}
#module_1b {width:450px; height:250px; float:left;
padding-top:20px; padding-left:20px; background-color:#FFFFFF;}
#module_1c {width:300px; height:250px; float:right;
padding-top:20px; background-color:#FFFFFF;}
#module_2 {width:220px; height:430px; float:right;
background-color:#FF0000; padding-top:10px;}
#module_3 {width:950px; padding-left:20px;
padding-right:20px; padding-bottom:20px; padding-top:20px;
background-color:#333333;}
#footer {width:950px; height:40px; margin-left:auto;
margin-right:auto; padding-right:20px; padding-left:20px;
padding-top:10px; padding-bottom:10px; background-color:#333333;}
#module_4 {width:500px; float:left;}
#module_5 {width:450px; float:right;}
#module_6 {width:500px; float:left;}
#module_7 {width:450px; float:right;}
/* Menu Buttons */
.menu_alignment{
display:block;
float:left;
width: 97px;
height: 97px;
}ForensicBop wrote:
> Hey Guys
>
> I have just converted my site layout to CSS and only
have 2 problems.
>
>
http://skytemedia.com
>
> 1) In IE there is a border at the bottom of the page and
in Firefox there
> isn't even though I've set the page margin and border to
0. Then I tried to
> override the standard padding set by Firefox/IE by using
* {margin : 0;padding
> : 0;}. This solved the problem but removed all padding
from CSS document which
> i don't want.
>
> 2) The subheading 'Photography' needs to be padded down.
In IE it is but in
> Firefox it isn't and I can't get it to move.
>
I don't see the border but for the other issue - put both
"Photography"
and the "Visit gallery" in the same div and float them left
and right'
HTH
chin chin
Sinclair -
Windows 8 and CSS problems (FF 16 & 17)
I just got a brand spanking new Win 8 computer (intl English). The only things installed on it are Adobe Master's Collection, Steam, Office and Firefox. In addition I tried installing adblocker, because that's a must for me and if this problem is resolved by removing it I will have to switch to another browser.
Now, the problem is that FF is having problems loading pages with CSS. Occasionally, this results in a pages with nothing at all (except background color, it seems) or with just unformatted text. Most of the time this is fixed by doing a shift+reload, but not always. Some times it's just partially fixed and some elements don't load still.
I've tried disabling all extensions and plugins and I've also tried resetting FF. The problem always comes back. I've even tried resetting my hosts file.
Do you have any more ways of fixing it? I believe I've done everything in my power, except change browsers (which I really don't want to do unless it's my only option).
The only thing I haven't tried, which I'll try now, is unpin all my app tabs and see if that fixes anything. I'll update this if I can...
Pages affected: Facebook (some of the time), Couch Potato (installed on my server - never seen this on other computers or even other browsers on my computer, always), MyFitnessPal (occasionally), and some low-tech dating page I'm on.
Cheers,
LarsSo, it still happens with a new an clean profile without extensions?
In that case you may have security software (firewall, anti-virus) that block some content.
You can reload web page(s) and bypass the cache to refresh possibly outdated or corrupted files.
*Press and hold Shift and left-click the Reload button.
*Press "Ctrl + F5" or press "Ctrl + Shift + R" (Windows,Linux)
*Press "Command + Shift + R" (MAC)
You can also try to use the Web Console (Web Developer > Web Console;Ctrl+Shift+K) to see if you can identify network related issues.
*https://developer.mozilla.org/en/Tools/Web_Console
*https://developer.mozilla.org/en/Using_the_Web_Console -
Css problem in spry gallery demo, ie "doubled margin" for thumbnails
http://labs.adobe.com/technologies/spry/demos/gallery/
View page in both Firefox and IE6. Note that in Internet
Explorer (Windows), the margin on the left is double that of the
same in Firefox. This is a well-documented IE CSS issue that occurs
when a floated element also has margin set on the side to which it
is floated, as in float:left; margin:5px;
It's an issue when the margin is such that it causes wrapping
within the thumbnails parent container... in IE browsers.
Add display:inline to the #thumbnails div rule to correct the
problem.
Just FYI.
Donna CaseyThanks Donna! The fix will appear in the next drop.
--== Kin ==-- -
I am working on a project for a web programming class. The
page I
created works perfectly in Firefox, Opera, and Safari, but
not in IE :-(
I explained this to my professor who thankfully said that it
was ok if
it didn't work in IE (The project involves other stuff, like
database
access, that is more important than trying to work around
browser bugs.)
However, it would be nice if it also worked in IE. If anyone
could offer
a few pointers to get my page to display properly in IE, I
would be
grateful.
My page is at
http://cs.uccs.edu/~wgarces/bargraph.html
There appears to be 2 problems:
1) Borders for table rows and cells do not show up.
2) Cells in the table above the graph do not appear to retain
the proper
width
Oh yeah, one more thing. The javascript is also borked in IE,
so the
scrolling effect does not work. I've been using Firebug for
javascript
debugging in Firefox. What debugger is normally used with IE?mzanime.com wrote:
> Well, first, fix the bugs:
>
http://validator.w3.org/check?uri=http://cs.uccs.edu/~wgarces/bargraph.html
>
>
>
http://jigsaw.w3.org/css-validator/validator?uri=http://cs.uccs.edu/~wgarces/def
> ault.css
>
> After thats done, then I'll see if I can troubleshoot.
>
Ok. Fixed it. I'm not sure why the validator was complaining
about the
color "orange" though. Eric Meyer's book says that it is a
valid color
in CSS 2.1.
Maybe you are looking for
-
Hi, all Yesterday I have tried to upgrade my Xserve Intel from 10.4.11 Tiger to 10.5.1 Leopard Server In my server there is this service: -AFP -DNS -SMB -Open Directory Master - XSAN Primary MDC All works fine but when I try to acces with worgroup ma
-
How to get a CSS list navigation hover working as needed?
I'm at an impasse with a left navigation. I thought it was ok, then realized the whole buttons weren't selectable, only the text. And the hover is not working right. It looks right when you hover over the text, but not when you're off to the side of
-
Regarding the Post Installation and SP Level
Hi All, We have installed NWDI on our existing EP Dev Server.Installation was successful but regarding the post installation we are in a thinking as how best we could patch the newly installed NWDI system. As our EP system is on SP 11and NWDI system
-
FB (Burrito) - Swap Components in DesignView
Hi there, I have a pretty basic question but cannot seem to Google the info. Here's a common scenario (for beginners, perhaps more than pros): You start laying out your application - for example - a TabNavigator populated with an HGroup, which is pop
-
How do I use resource or release resource based on boolean?
I have a case where I need to turn a AO on and off and when turned off I need it set back to zero offset. I need to do this with four different AO channels each with their own boolean switch. I have it setup but what I am having trouble is releasing