Colors not correct in some browsers.

Why does my text not render the correct color in some versions of IE? Is there a fix? The white turns blue and the yellow turns black. Here's one of the pages but its the same across the site. The text does have a drop shadow on it which I considered as a potential cause of the problem. Any thoughts? http://www.rwhuntley.com/research.html

RW Huntley wrote:
Without the "height" how do we plan for the footer to be at the bottom
of the page? If the content_wrapper "height" is defined by the content,
I would have to plan exactly the correct content to push the footer down
to exactly the correct height to end up at the bottom of the tablet
screen. What am I not understanding?
That is not a good plan.
Designing websites for one specific size is a good way to have a broken site appear on everything else.
Setting the height of a text container is asking for trouble, as my screenshot shows, because the font size on my screen is slightly larger than what you test in, your page breaks and becomes almost unreadable at the end. Worse yet, it looks broken to your viewers. "Broken" sites don't get much for return visitors.
Basically, what's happening is your font looks smaller on your tablet than it does on my PC (whether that's an OS, browser rendering engine or user setting is beside the point), so you set the heights to a pixel size that fits, on your tablet. Let me rephrase that: "on your one specific make, model, OS, screensize and resolution tablet".
Everything looks OK to you, but when someone else comes to your page and has a font size setting that is different from your tablet's, the text will overflow the pixel size of the container and break your design.
Doing what I suggest above will keep that from happening, but it won't let you keep the footer in the exact location you want.
To do that, you could try position:fixed along with bottom:0px; in the footer container's css. You'd then need to play around with the end of your text area to give it enough "white space" at the bottom so the footer doesn't overlap the text, but it could be done. That way, no matter what device/browser views your site, the footer bar would be on the bottom of the window at all times.

Similar Messages

Muse site not visible on some browsers

I have created a MUSE website for one pf my clients and they tell me it is not visible on some browsers but did not specify on which it did not show.
Any suggestions?
Thanks

I have asked but had no response yet. My research tells me that the probable issue is with IE9 and older that aren't compatible with HTML5 or CSS3. Is that right? if so it is a Microsoft issue and people using old incompatible browsers.
What do you think? The site works just fine on Firefox, Safari and Chrome.

Navigation & Photo Page not displaying within some browsers

Hello,
I am using iWeb '08 and am having great difficulties trying to get my site cross browser compatible. The site is working perfectly on the Mac in Firefox 2 & Safari but not Firefox 3. It is also not displaying correctly in Firefox 2.0.0.13 and IE7 on my WinXP machine. Unfortunately the error is not just a cosmetic issue. The Main Navigation is not displaying on any page and only shows a bullet point where it is meant to be. The other error occurs in the Photo Template and the photos are not displaying. I am using a "Version 1 template" and did a test with a "version 2" template that provided the same errors.
Has anyone else had these problems???
The site is located at:
http://web.mac.com/maxkit/Kai/
Photo Page:
http://web.mac.com/maxkit/Kai/CurrentPictures/Pages/Snowy_AprilDay.html
The test site is located at:
http://web.mac.com/maxkit/Site/
Thanks
Max

You have applied a height of "auto"to your menubar container, which gives it no height at all in some browsers. If you have a clue what height you would like to display for your menubar, give it, instead of:
    <div style="height: auto;" id="p7PMM_1" class="p7PMMh04">
Better yet, leave it in the CSS file, where you will find it when you go looking for it. You already assign a height there:
.p7PMMh04 {
    width: auto;
    height: 20px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-image: url(http://home.roadrunner.com/~jgigandet/trinity/img/new_bk.gif);
    background-repeat: repeat-x;
    background-color: #000;
    text-align: left;
    line-height: normal;
Because your inline style of height:auto; has more proximity (is closer) to the element being styled, it overrides the style in the stylesheet and applies the height: auto; instead of allowing the height: 20px;
Beth

Background nav image not displaying in some browsers...

Hi,
   I'm in the process of building a website template - still ironing out some bugs, but just discovered that the bacground image in my navigation bar isn't displaying on some browsers (including some versions of IE). It works in IE8 where my primary testing takes place (on both my local drive and from the temporary "live" server, but in most other browsers, doesn't show up...
below is a link to my test page:
http://home.roadrunner.com/~jgigandet/trinity/
and here is the css with the applicable code in red:
/*Menu Outer Wrapper*/
.p7PMMh04 {
width: auto;
height: 20px;
margin: 0 auto;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
background-image: url(img/new_bk.gif);
background-repeat: repeat-x;
background-color: #000;
text-align: left;
line-height: normal;
/*Hide Sub-Menu in Design View
Compensate for LI padding on Sliding Doors themes*/
.p7PMMh04 ul div {
display: none;
TOP LEVEL MENU
.p7PMMh04 ul {
margin: 0;
padding: 0;
.p7PMMh04 li {
list-style-type: none;
float: left;
width: 120px;
/* Hide from IE5 Mac \*/
.p7PMMh04 li {
width: auto;
/*Top Level Links*/
.p7PMMh04 a {
display: block;
text-decoration: none;
padding: 2px 14px 3px 14px !important;
color: #ffc42a !important;
/*border-right: 1px solid #8184e6; */
text-align: left;
/*Link hover when no drop down is present */
.p7PMMh04 a:hover {
color: #df8f04 !important;
/*background-color: #DFDFDF;*/
Syntax for special classes programatically assigned to first and last links and also LIs
See user guide for more information
.p7PMMh04 ul a.pmmfirst {
border-left: 1px solid #df8f04;
.p7PMMh04 ul ul a.pmmfirst {
border-left: 0;
.p7PMMh04 ul a.pmmlast {
.p7PMMh04 ul li.pmmfirst {
.p7PMMh04 ul li.pmmlast {
/*First Sub Level*/
.p7PMMh04 ul ul {
z-index: 10000;
background-color: #333;
width: 150px;
background-image: url(img/pmm_carbon_subs.jpg);
background-repeat: repeat-x;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
.p7PMMh04 ul ul li {
float: none;
background-color: #000;
background-image: none;
.p7PMMh04 ul ul a {
padding: 4px 12px !important;
color: #ffc42a !important;
border-right: 0;
text-align: left;
overflow: hidden;
/* rollover on 1st level rollovers */
.p7PMMh04 ul ul a:hover {
background-color: #333; !important;
color: #df8f04 !important;
/*Third Level (Flyouts in horizontal menu)*/
.p7PMMh04 ul ul ul {
border-top: 1px solid #df8f04;
border-right: 1px solid #333;
border-bottom: 1px solid #333;
border-left: 1px solid #df8f04;
SPECIAL IMAGE-BASED RULES
.p7PMMh04 img {
border: 0;
.p7PMMh04 .p7PMM_img {
padding: 0px;
border: 0;
background-image: none;
background-color: transparent;
TRIGGERS and CUURENT MARK RULES
The Closed state relates to trigger items when their child menus are not showing
The Open state relates to trigger items when their child menus are showing
Selectors appended with _left Automatically change arrow position and orientation
if sub levels are set to fly out to the left
/*Sub Level*/
.p7PMMh04 ul a.trig_closed, .p7PMMh04 ul a.trig_closed_left {
background-image: url(img/pmm_south_medium.png);
background-repeat: no-repeat;
background-position: right center;
.p7PMMh04 ul a.trig_closed_up {
background-image: url(img/pmm_north_medium.gif);
background-repeat: no-repeat;
background-position: right center;
.p7PMMh04 ul a.trig_open, .p7PMMh04 ul a.trig_open_up {
color: #000 !important;
background-color: #DFDFDF !important;   /* This is background color of main dropdown rollover */
.p7PMMh04 ul ul a.trig_closed {
background-image: url(img/pmm_east_dark.png);
background-repeat: no-repeat;
background-position: right center;
.p7PMMh04 ul ul a.trig_closed_left {
background-image: url(img/pmm_west_dark.gif);
background-repeat: no-repeat;
background-position: left center;
.p7PMMh04 ul ul a.trig_open {
color: #FFF !important;
background-color: #424242 !important;
/*The Current Marker (You are here) links*/
.p7PMMh04 .current_mark {
font-weight: bold;
color: #60c3d1 !important;
.p7PMMh04 ul ul .current_mark {
color: #FFF !important;
Utility Rule used for Clearing floats in Horizontal Menus
.p7pmmclearfloat {
clear: both;
height: 0;
line-height: 0;
font-size: 0;
Thanks in advance for any advice,
Jesse

You have applied a height of "auto"to your menubar container, which gives it no height at all in some browsers. If you have a clue what height you would like to display for your menubar, give it, instead of:
    <div style="height: auto;" id="p7PMM_1" class="p7PMMh04">
Better yet, leave it in the CSS file, where you will find it when you go looking for it. You already assign a height there:
.p7PMMh04 {
    width: auto;
    height: 20px;
    margin: 0 auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    background-image: url(http://home.roadrunner.com/~jgigandet/trinity/img/new_bk.gif);
    background-repeat: repeat-x;
    background-color: #000;
    text-align: left;
    line-height: normal;
Because your inline style of height:auto; has more proximity (is closer) to the element being styled, it overrides the style in the stylesheet and applies the height: auto; instead of allowing the height: 20px;
Beth

Documents from UCM not opening in some browsers

Hi ,
I am using the RIDC GET_FILE service to display the pdf in the WebCenter portal page. When the method is called the pdf document opens in Chrome browser in some machines but not in Firefox or other browsers. The file is returned as "application/octet-stream" and hence does not open as a pdf document.
Following is the java code written to fetch the files
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.IOException;
import java.io.InputStream;
import java.io.PrintWriter;
import javax.servlet.*;
import javax.servlet.http.*;
import oracle.adf.share.ADFContext;
import oracle.javatools.resourcebundle.BundleFactory;
import oracle.security.xmlsec.samlp.ResponseType;
import oracle.stellent.ridc.IdcClient;
import oracle.stellent.ridc.IdcClientManager;
import oracle.stellent.ridc.IdcClientException;
import oracle.stellent.ridc.IdcClientManager;
import oracle.stellent.ridc.IdcContext;
import oracle.stellent.ridc.convenience.usersecurity.CacheId;
import oracle.stellent.ridc.convenience.usersecurity.IUserSecurityCache;
import oracle.stellent.ridc.convenience.usersecurity.impl.UserSGAcctAclCache;
import oracle.stellent.ridc.convenience.usersecurity.impl.UserSecurityGroupsCache;
import oracle.stellent.ridc.model.DataBinder;
import oracle.stellent.ridc.model.DataObject;
import oracle.stellent.ridc.model.DataResultSet;
import oracle.stellent.ridc.protocol.ServiceResponse;
import utils.system;
    public class getFile extends HttpServlet {
        private static final String CONTENT_TYPE = "text/html; charset=UTF-8";
        private static final long serialVersionUID = 1L;
        public void init(ServletConfig config) throws ServletException {
            super.init(config);
        String cid ;
    public void doGet( HttpServletRequest request,
                        HttpServletResponse response) throws ServletException ,IOException {
                   try {
                       cid = request.getParameter("cid");
                   } catch (Exception e) {
                       e.printStackTrace();
        try{
            IdcClientManager manager = new IdcClientManager();
            IdcClient idcClient = manager.createClient("idc://oa8054.us.oracle.com:7444");
            IdcContext userContext = new IdcContext("SADMIN", "SADMIN1");
                    System.out.println("got idc client");
                // populate the binder with the parameters
                    DataBinder dataBinder = idcClient.createBinder();
                    dataBinder.putLocal("IdcService", "GET_FILE");
                    dataBinder.putLocal("dDocName",cid);
                    dataBinder.putLocal("RevisionSelectionMethod","Latest");
                    dataBinder.putLocal("Rendition","Web");
                 dataBinder.putLocal("allowInterrupt","1");
                    ServiceResponse response1 = idcClient.sendRequest (userContext, dataBinder);
                response1 = idcClient.sendRequest (userContext, dataBinder);
                     InputStream content = response1.getResponseStream() ;
                    BufferedOutputStream output = new BufferedOutputStream(response.getOutputStream(), 1024);
                    byte[] buffer = new byte[1024];
                    int length;
                    while ((length = content.read(buffer)) > 0){
                    output.write(buffer, 0, length);
            content.close();
            output.flush();
                    output.close();
                catch (IdcClientException e) {
                             e.printStackTrace();
And the call to the servlet is made on click of a link.
Why doesn't the documents() open in some browsers while it does in some.Similarly i want to open docx and rtf files from UCM also using the same code without downloading.
Please help.
Thanks

Hi.
Try following sample code:
Include cmfn tag library in your page
xmlns:cmfn="http://xmlns.oracle.com/webcenter/content/functions"
Use next EL Expression to get a Node url's (are the same methods as a Node in CP):
#{cmfn:getNodeById(yourdDocName).url.downloadUrl
#{cmfn:getNodeById(yourdDocName).url.renderUrl
Sample:
<af:goLink targetFrame="_blank" destination="#{cmfn:getNodeById('UCM676546').url.downloadUrl}"/>
You'll need connection to UCM configured in your WebCenter Portal Application because it will ask for the current IDC connection configured.
Regards.

IWeb hypertext links to pages from my site not "viewable" in some browsers

I am new to iWeb 08. iWeb created hypertext links to eleven pages from my "top level" site are not "clickable" or viewable in some browsers yet the hyperlinks I added on top page to other sites don't present a problem.
No problem with Safari or AOL Desktop Version 1.2 or Firefox browsers. However, AOL Ver 10.3.7 (rev 4136.310) only shows other site links and NOT the page links at the top of site page. Only a dot is visible where links to other pages in the site. I thought it could have been a Java Scripts problem so I updated my AOL to latest JAVA. Not concerned for my part but others with Mac AOL may have same problem.
Is there something I could do diferent at my site or is this another AOL shortcoming?
See: http://web.mac.com/louiedea/OceanaMed_Cruise_2008/MedCruise08.html
Thanks, LouieDeA

Gayle,
No solution yet. I am sure it is a shortcoming of AOL's Mac browser but am trying to contact AOL support (difficult now that they are free). I don't use their browser but there are probably those that do. I presume you don't have that problem when you use Safari, etc?
Louie

Web-redirect to external radius not wokring on some browsers for Guest SSID

Hi,
We are using Cisco 5760 with 3.7, and the guest SSID doesn't perform web-redirect to external radius (cisco NAC appliance), for some browsers. Although the same works on Cisco 5508 and 4402 WLC with the same NAC appliance for all browsers.
working browsers: IE9.0 and IE 11.0
Non-working: Chrome all versions, Firefox all versions, Safari all versions.
Can anyone provide some help if they have seen this issue before.?

You need to check the compatibility guide of Cisco WLC and check if those browsers are supported or not.

I have a problem with a table not resizing correctly in some browsers

Hi,
I am using the fluid grid layout in DW. I have created a table to hold some images and text. I have the table set to 100% instead of a fixed width.
The table and images resize correctly at my smartphone breakpoint in DW and Crome. They do not resize correctly in IE10 or Firefox.
I hope somebody can point out the error of my ways.
Thanks
http://cupcakemary.skeeterz71.com/_cm_mockup/menu.html

Tables do not work well in Fluid Grid Layouts because table width is always going to be determined by combined width of the content inside it. As such it won't re-scale past a certain point no matter what you do. I typically avoid using tables for layouts anyway. But especially in FluidGrids.
If you build your FluidGrid layout correctly from the start, there's little reason to use tables.
LayoutDiv 1 LayoutDiv 2 LayoutDiv 3
float:left float:left float:left
On smaller displays, these divs will naturally stack vertically.
LayoutDiv1
LayoutDiv2
LayoutDiv 3
Nancy O.

Characters not displaying in some browsers

This is another Unicode issue, but as far as I can tell I have all of the correct file transfer settings.
In MS Internet Explorer 6 and also Firefox 3.6.3 (both Windows versions running on Win XP) some unicode characters fail to display. The math 'times' symbol fails on both. The Greek lower case letter phi fails on Explorer but is okay on Firefox. Both browsers correctly recognize that the text encoding is utf8.
Everything displays just fine on the Mac version in both Firefox and Safari. So, I assume the files reached Server okay and that the server is working fine.
If I was using any other web publishing software I could use html escape characters × and Greek letters, but there appears to be no way of doing this on iWeb. As a temporary fix I will change the times symbol to the letter 'x' but I'm not sure what I can do about the phi and any other odd characters that may crop up in the future.
Any suggestions?

It's possible your problem could caused by lack of proper fonts on the machines you are testing, especially if Firefox 3 does not show ×. In that case using html escapes would not help. You could test this by creating a test page with the escapes and seeing if they work.
Could you provide the url of the page where this is happening so I can see what is going on?

APEX tabs do not appear in some browsers (after 5)

I am using APEX 4.2 to build a fairly simple application. I am pretty new to this, but I noticed the following:
I use standard level1 tabs and I noticed that depending on the browser I use I can only see a maximum of 5 tabs. It just does not display the tabs after 5. I of course cleaned browser cache, etc .. to no avail.
These are observations based on available browsers: I CANNOT see more than 5 tabs in IE or Firefox 24, but I CAN in Firefox 17 AND Google Chrome.
Can anyone let me know if I can correct a setting somewhere to make all tabs appear in all browsers.
Thanks.

tardo wrote:Actually, those specific applications don't come with .desktop files, which is your problem (this will happen to everyone too). Only solution is to create one yourself, or google for one. If you find them, ask the maintainers to include them in the pkg.
I don't agree with you. 2 days ago i had to reinstall my system because of a pacman problem. Before this, some applications i use used to have .desktop files. After reinstallation they don't. And also they were not upgraded. Maybe the problem is mirrors, that's not a big problem

Windows 8 Color Management - colors not correct in Adobe programs

I have been having a problem for some time with color management. I thought that I would cure my problem with my new Windows 8.1 system with fresh installs of all my programs, but it persists.
Here's my control image with the color #213D86:
When viewed in any Adobe program (PS CS3, PSE 10, Adobe Reader XI), this is what the image looks like on the drawing surface:
If I look at the color with the color picker in PS or PSE, I get #213D86. When I sample with a program like Iconico's ColorPic, I get #393C7D. Strangely, if I view the image with Save for Web, it appears correctly.
Obviously, I have some sort of color management issue but I don't understand it. My display is a Dell 2208WFP. I tried setting different color profiles on it but it had no effect on the problem. I tried using Spyder calibration and that made no difference. I've tweaked Windows color management settings, all to no avail.
I thought that the problem directly related to Adobe products because in every other context, such as a different photo editor like Paint.NET, the image looks fine. However, on my new Windows 8.1 system, the Windows Photo Viewer displays the wrong color as well.
Where have I gone wrong? What am I missing?
Thanks.
Will

Auto white balance is actually the culprit of these problems as your camera will attempt to measure it itself, and is often wrong. That's just the nature of these cameras. The only way to be sure is to shoot a grey card.
> Microsoft RAW Image Viewer
Is that the Vista version? Otherwise it does not do any correction for the display. Canon's zoombrowser has a checkbox that has to be turned on in order for it do correction and I do not know whether xnView can use a display's calibration. Of the apps you list, the only ones that certainly do color manage are the adobe programs, and, if your display's calibration is correct, are the only ones that you can absolutely trust.
The reason the color looks different for a second when loading in LR is that it shows the embedded jpeg (the camera embeds a jpeg preview in the RAW file) until it calculates the actual RAW conversion. LR applies a default contrast curve BTW, you can try to see what happens when you use the zerod preset.

Verison 7 not correctly displaying some columns/windows

NING is one of the larger providers of social networking sites around...since upgrading to version 7 some columns and windows do not display correctly (some text is not shown). I have a photo of the behavior but cannot find a way to post to help to demonstrate the issue. As an administrator for a site on NING, I cannot give you a URL as it is a password protected are of the site. However attached is a link to a discussion about the behavior from NING's Creator site

The correct source of assistance with this situation is directly from
http://www.samsontech.com/samson/products/microphones/usb-microphones/gtrack/ as they are the manufacturer of the hardware and have sole responsibility for support of their product. This is not a Microsoft product and Microsoft does not provide support
for third party hardware.
I especially recommend you download and read
Samson G Track FAQ's V2.0
Please remember to click “Mark as Answer” on the post that helps you, and to click “Unmark as Answer” if a marked post does not actually answer your question. This can be beneficial to other community members reading the thread. ”

Website not compatible with some browsers

I'm writing to ask why my website wouldn't be viewed properly
in certain browsers? (mainly IE that I know of--it seems to funcion
properly in Safari and Netscape).
Any suggestions?
thanks,
Craig

> But basically, I tried to set it up via the "Remote"
server. But I actually
> switched it to ftp (ftp://mine).
I'm not sure from your description if the files are actually
on your
computer as a "Local Site Folder"
Pls open this site definition for editing.
click the "Advanced Tab" to find things easily.
click the Remote Server info tab.
What type of connection?
--If it's "FTP/RDS" then close the dialog box.
Make a new site definition, to a new empty folder on your
computer's hard
drive. Set remote access to FTP, then connect and "get" all
the remote
files.
--If it's "FTP" then i'd suggest this-
expand the Files Panel.
Start renaming/moving files within the Files Panel of
dreamweaver to make
some sense of this structure. Always okay the dialog box to
allow dw to
update files and links.
suggested structure-
the site is "defined" to the folder holding the site's
"homepage" index
file.
from here- it's whatever makes sense to you.
What i generally do is if it's a smallish site, put all the
html files in
the top level, and images in an images folder.
If it's a larger site, i make subfolders based on the site
navigation.
root folder <--site defined here
index.html <--homepage
images/ <subfolder for images used thru-out site
products/
images
products1.html and so on, all the product pages here
gallery/
gallery1.html
images/
and so on.
The only reason to do this reorganization is that the path to
the images
looks like you have uploaded your hard drive to the server.
Or that your
computer is the host, and people might have complete access
to it. Or that
something went all pear-shaped which is what did happen.
another item you may want to tackle, is that there are NO
words on your
site. It has a lot of pages. But it's all single images. Not
a word of text
a search engine can "see"

Have LR 4, Windows 7. Sent to prints to Costco but color not correct. Need settings to compare to my actions.

In Color management I used:
Profile Adove RGB(1998)
Intent: Relative
Print To: JPEG
Print sharpening Standard
Media Glossy
JPEG Quality 100%
The processor said that it must be my computer screen that is off. Have not had a problem in the past but not sure the settings I used in the past. When I print using my Brother printer, it is fine. Using Costco, all colors are dull, almost like a gray sheild over them.
Please tell me the proper settings for sending to a print processing service like Costco. I am working on family reunion and will process over 800 prints. Runing out of time.

Using Costco, all colors are dull, almost like a gray sheild over them.
This sure sounds like an Adobe RGB image being treated as though it were an sRGB image. I don't know if the following is true of Costco, although I suspect it is. Many (most) mass production print labs want their production line streamlined for speed. Part of this means that their input software doesn't waste time reading embedded profiles and making customized conversions - they simply assume that everything is sRGB (because, in fact, 99% of what they receive is in fact sRGB). More expensive "professional" labs can afford to use color space aware software.
And in fact, for these large volume labs there is nothing to be gained by sending them images in any space wider than sRGB, because the gamut of their printers is no wider than sRGB - maybe even a bit narrower in some directions.

Some images not displaying in some browsers

Hi,
I'm creating a newsletter in Dreamweaver using the design view.
The finished thing works perfectly in Internet Explorer but when I view it in Firefox or Safari certain images are not displaying. There's no red cross or sign at all of why they're missing. They do however show as attachments at the bottom of the email.
The code appears to be fine and all the images were uploaded in the same way, so can't think why some won't appear while others will. The only thing the missing images have in common is that they're all left aligned so the text wraps around them.
I've been trying to fix this for ages and tearing my hair out. Any help greatly appreciated!!
Thanks.

Um, I can't seem to find it on the server, which can't be a good sign ) - :
Have no idea why it's not appearing where it should but if I can get a link to work I'll send it to you.
Thanks for your help

Colors not correct in some browsers.

Similar Messages

Maybe you are looking for