Differences in browsers

Okay before I start I know someone will tell me I shouldn't
be building websites in layers, but I do and they work just fine
for the most part. my question today is sometimes my layers don't
line up the way I want them to when being viewed in Safari or
Mozilla browsers. is there anything I can do to make sure my layers
come out as perfectly in these browsers as they do in IE?
thanksall, Ian

Bregent,
here's the weirdest example of browser failure (or is is web
builder failure?)
on the publications page on the www.sharigraydon.com site
if you scroll down to the articles section, all the "view
article" buttons
seem to somehow be spaced out so as to make it hard to see
what
link button goes to which article. I suppose I could just
make the
name of the article the link and solve the problem, but I
like the buttons
and so does my client.
what to do?
quitepuzzledbyitall, Ian

Similar Messages

Flash Differences between Browsers

http://www.guygar.com/inception/fiction/
Thank you for your interest; here is the issue I am having.
The above URI with FLV movie renders fine in Firefox, Chrome and Safari.
But when viewed in IE9 the movie displays strangely, somehow the movie is not rendered in full size filling the black border around it. Small gaps seem to appear.
I have tried using different movie sizes but the issue is not going away.
Any idea regarding if this is an IE or Flash bug?
FYI: The aspect ratio for the movie is 2.4, if that means anything regarding a solution.
Please help!

Thank you for your input.
I used the generated code my Flash to embed the movie and the same issue was displayed but when I added a <br /> tag before the player embed info the issue seem to go away.
So I believe it is a matter of tracking down the bug somewhere.
Any further help would be greatly welcome.
Thank you.
You can see the modified result at: http://guygar.com/inception/fiction/indexAdd.html and not working version at: http://guygar.com/inception/fiction/indexNoAdd.html
<table align="center" id="paramTBL">
    <tr>
        <td>
           &nbsp <- Adding this renders correctly
        <div id="splashContent">
        </div>
        <script type="text/javascript">
            FlashReplace.replace("splashContent", "player.swf", "player", 720, 300, 10, {allowScriptAccess: "sameDomain"});
        </script>
        </td>
    </tr>
</table>

CS3 - Spry Menu - Spans, CSS Differences in Browsers

Hello,
I'd greatly appreciate any help at all on these three issues from our website: www.r3mg.com
-When I make this spry menu, I want the 4 different categories to be different colors. Thus, I’ve included a “span” inside the li and then another span inside the ul, which I know isn’t “proper” css. But I’m not sure how else to do it. Is there a correct way to do this?
-When in Internet Explorer (8, in this case), the photography mouse-over has weird borders and a scroll thingy on it. But none of the others do. The rest of the menu is correct except for that one. You can see what I mean here… (iE8 - mess up view – FF - should look like)
-In IE7, it takes the "about us" link and puts is on a line below "photography" and I'm not sure how to fix that for only IE7
Thank you!!

Hi Beth, thank you for your help! I'm just going to cut and paste your reply to show what I've done...
Rather than using spans inside the li, style it in CSS by applying IDs to the sections you want to affect:
<li id="home">Home</li>
<li id="contactus">Contact Us</li>
(I've left out the actual links, for clarity).
I did this, except used:
Branding
and so on for my other two headings: web & paper
Then, in the CSS stylesheet, do this:
ul.MenuBarHorizontal li#home {background-color: red; color: white;}     /*use your own color choices, of course!*/
ul.MenuBarHorizontal li#contactus {background-color: orange; color: black;}     /*ditto!*/
for the dropdowns, you can further style this way:
ul.MenuBarHorizontal li#home li {background-color: pink; color: black;}
ul.MenuBarHorizontal li#contactus li {background-color: gold; color: black;}
Obviously, use your own color combos!
Here is where the issues lies, I think. When I did this exactly, but with my colors and # headings, it did nothing. I think this is because each of these words in the menu are all links. So the question is, do I have to change the ** ul.MenuBarHorizontal a ** CSS? If so, I tried to do this using your example and it still didn't work. I added new CSS codes of:
ul.MenuBarHorizontal li#Branding a ul.MenuBarHorizontal li#Branding li a
Then, I put these in the appropriate places in the SpryMenu on the html page. All it did was make everything one color for the links. So I must have done it wrong.   I have put the spans back in. The only thing I've changed on the CSS now is to take the font color out of the original ** ul.MenuBarHorizontal a   ** and that now leaves it to the ugly default purple Dreamweaver uses on links. This shows me that it's probably something to do with the "a" code in the CSS.
Actually, your menus have some difficulties in both Firefox and IE8, but I see by your illustrations that it is really just that About Us is dropping to the next line. If you reduce slightly the width of each menu item, you will see this problem go away.
In IE8, you are getting a scrollbar because the browser senses that you do not have enough height to your containing div, so the browser is very kindly adding the scrollbar. Even though it looks as if there should be enough height...! You can try doing border: 0px; for the submenus. If you want the border on the submenus, add height to the containing div to allow for the borders.
.ulMenuBarHorizontal ul li {border: 0px;}
I've tried doing this also and it still doesn't seem to be helping. I've changed the height on the #header & #header-toolbar but it still left the scroll thing. What I don't understand is why it does it only on the photography drop-down but not on the other ones.
I hope this makes sense. My head is spinning from trying to figure it out. And again, thank you!

Difference in Browsers

Hi,
Running a Java Servlet, that calls Oracle Reports. Using Netscape 4.72, I can call and display the reports fine. Using IE 5.00.2314.1003, I always get a "Cannot find server or DNS error" when I try to call the Oracle Reports server to display the reports.
Absolutely no code to change the calls based on the browser.
Anyone have a suggestion?
Thanks,
Rah

I had a similar problem with Oracle9iAS Portal. It ended up
being a configuration problem with the Apache Web Server (aka
Oracle9i Application Server).
Here was our resolution:
Environment:
Windows NT 4.0 SP 6
Oracle 9iAS 1.0.2.2
Oracle 9iAS Portal 3.0.9.8.0
Oracle 8i Database 8.1.7.0.0
Apache HTTP Server: 1.3.19 (win32)
mod_ssl: 2.8.1
OpenSSL: 0.9.5a
SSL port: 443
Problem:
We were running into the following error intermittently (but
very frequently) when accessing pages in the Oracle Portal
application with SSL enabled:
"Cannot find server or DNS error" at the bottom of a "Page
cannot be displayed" error page.
Resolution:
7 Implemented solution for Oracle Bug No. 1822053 (HTTP 404
Doing Portal Development) by changing (and un-commenting) the
following line in our Apache http.conf file:
From: #SetEnvIf User-Agent ".*MSIE.*"
nokeepalive ssl-unclean-shutdown
To: SetEnvIf User-Agent ".*MSIE.*" ssl-unclean-shutdown
Oracle Technical Assistance Report and Bug Information:
TAR Number: 1727314.999
BUG Reference: 1924408
Open Date: 07/31/2001
Abstract: Intermittent "Cannot find server or DNS error"

Shrink-to-fit browser differences

The following code illustrates a shrink-to-fit (shrink-wrap) difference between browsers. All my Mac browsers shrink the yellow area as intended if the browser window is wide enough to allow the red, green and blue boxes to be on one line. However, if I reduce the window width to force one or two of these boxes onto other lines Camino 1.6.9 and IE 5.2.3 continue to shrink-to-fit but Firefox 3.5.2, Safari 4.0.3 and iCab 4.5 fill the brown box with yellow. Can anybody tell me what to do to get Firefox, Safari and iCab to shrink-to-fit as intended? Please see my demonstration page at: http://links.open.ac.uk/www/shrink-wrap/
<div style='overflow: auto; background: brown'>
<div style='float: left; margin: 10px; background: yellow'>
<div style='float: left; margin: 10px; width: 300px; height: 100px; background: red'></div>
<div style='float: left; margin: 10px; width: 300px; height: 100px; background: green'></div>
<div style='float: left; margin: 10px; width: 300px; height: 100px; background: blue'></div>
</div>
</div>
<div style='float: left; margin: 20px; width: 300px; height: 100px; background: purple'></div>

I have rewritten my page at http://links.open.ac.uk/www/shrink-wrap/ and would appreciate any constructive comments.

Cisco IOS SSL VPN Not Working - Internet Explorer

Hi All,
I seem to be having a strange SSL VPN issue. I have a Cisco 877 router with c870-advsecurityk9-mz.124-24.T4.bin and I cannot get the SSL VPN (Web VPN) working with Internet Explorer (tried both IE8 on XP and IE9 on Windows 7). Whenever I browse to https://x.x.x.x, I get "Internet Explorer Cannot Display The Webpage". It sort of works with Chrome (I can get the webpage and login, but I can't start the thin client, when I click on Start, nothing happens). It only seems to work with Firefox. It seems quite similar to this issue with the ASAs - http://www.infoworld.com/d/applications/cisco-asa-users-cant-use-ssl-vpns-ie-8-901
Below is the config snippet:
username vpntest password XXXXX
aaa authentication login default local
crypto pki trustpoint TP-self-signed-1873082433
enrollment selfsigned
subject-name cn=IOS-Self-Signed-Certificate-1873082433
revocation-check none
rsakeypair TP-self-signed-1873082433
crypto pki certificate chain TP-self-signed-1873082433
certificate self-signed 01
--- omitted ---
        quit
webvpn gateway SSLVPN
hostname Router
ip address X.X.X.X port 443
ssl encryption aes-sha1
ssl trustpoint TP-self-signed-1873082433
inservice
webvpn context SSLVPN
title "Blah Blah"
ssl authenticate verify all
login-message "Enter the magic words..."
port-forward "PortForwardList"
   local-port 33389 remote-server "10.0.1.3" remote-port 3389 description "RDP"
policy group SSL-Policy
   port-forward "PortForwardList" auto-download
default-group-policy SSL-Policy
gateway SSLVPN
max-users 3
inservice
I've tried:
*Enabling SSL 2.0 in IE
*Adding the site to the Trusted Sites in IE
*Adding it to the list of sites allowed to use Cookies
At a loss to figure this out. Has anyone else come across this before? Considering the Cisco website itself shows an example using IE (http://www.cisco.com/en/US/products/ps6496/products_configuration_example09186a008072aa61.shtml), surely it should work in IE you'd think?
Thanks

Hi,
I would check where exactly it is failing, either in the ssl connection itself or something after that. The best way to do that is run a wireshark capture when you try to access the page using IE. You can compare this with the one with Mozilla too just to confirm the ssl is working fine.
Also can you try with different SSL ciphers as one difference between browsers is the ciphers they use. 3des should be a good option to try.

Cannot Install Java JDK on Windows 7 Home Premium

Hello all, I'm sorry if this is the wrong place to post this question. I have an issue trying to install ANY JDK on Windows 7 Home Premium. When I run the install it throws an Error: 1722. I've tried looking around on Google but haven't found much. Has anyone else has this error?

I tried to install the windows7 64-bit jdk on my windows7 64-bit computer with 2 browsers, chrome and firefox. There was no difference between browsers. Then, I repeatedly installed and uninstalled many, many times, trying to figure out what was wrong.
After an easy install, I click on the jdk program to try to use it, and I get a pop-up saying something like, you have already installed this, do you want to install it again? That is all I get from the installed jdk program, there is nothing else the program will do, only give me that pop-up.
I then read and studied all the online info from all the java websites. Their website info does not mention this problem. Then I did all the you tube videos that deal with this problem. After watching a you tube video, I clicked start, and typed in cmd, and then typed javac; the message I am given is that javac is not recognized as a command.
Then, I tried to contact the java/oracle company many different ways, with chat and email, and got NO response; they are not addressing or responding to this situation in any way.
Last night, I contacted my computer company, and after speaking with them, they are saying they will go into my computer and make the necessary software changes to the windows 7 so that the java jdk will be properly working. Sounds great, but - they want to charge me a lot of $$MONEY. I got two price quotes, $80 and $89. It is not free, which is frustrating. The java download is free, but I do I have to pay to get it properly installed on my computer? Can anyone provide wise advise? Is there any way I can get it properly installed for free?
Also, someone mentioned that maybe my Norton Antivirus is preventing the proper jdk install, but I doubt it, since the norton antivirus has never before given me any problem.
Please help. Thanks!

Epson CX4800 won't print everything from Internet

I've had an Epson Stylus CX4800 working for me long before I got my iMac. Although it could possibly benefit from a mechanical tune-up, something is happening that seems more like a potential software issue to me.
Whenever I print a fairly large document off the Internet, I get only three pages worth of material. The first page may have a screen header, the third page is blank (or mostly so), and only the second page has any of the material I tried to print. Nothing but the second page of material will print accordingly, so I lose most of what I have on the screen. This happens only when I print off the Internet, whether from my Hotmail account or any other site. Documents in any offline application, such as Word or Adobe Reader, print as usual.
I don't see how this could be a mechanical issue. I feel it's in the drivers Apple issued last, since there's been little or nothing new from Epson for this model lately (except for an Image Capture scanner update). I haven't seen this behavior before in versions of 10.6 prior to now, so it might also have to do with the current version of the OS. I'd like an opinion or two as to what I should do to correct this.

Syd: Thanks for the info. I'm aware of the differences between browsers and web sites when it comes to printing. But I'm also aware that there may be a problem with the current driver. I printed a message from my Hotmail account yesterday from my parents' computer; they use an HP printer, and the entire message came out on one sheet of paper. I was using the same browser there as I do at my own place (the latest version of Firefox), with the same version of the OS (10.6.4), and the results were vastly different. That alone supports my supposition about the drivers on my computer.
I am considering reinstalling the last version of the driver produced directly by Epson. That might alleviate the problem, but I'm still not certain. I need further input before proceeding.

Here's a Pop-up Menu Challenge/Issue

Peace.
I have read dozens of posts on using dreamweaver and fireworks to export various symbols, objects, and pop-ups. Getting the pop-up menu to work in DW is to have javascrit code in the header and body portion of the page. Also, the difference between browsers FF and IE, popup menus not working properly .
I have managed to work through most of these problems, including the popup alignment of X,Y parameters, to get them to show up properly (what a nightmare for an intermediate)! If I only knew how to use CSS?
Anyway, I finally got my pop-ups to work the way I want, but ONLY in IE, not in FF.
The "challenge" is that two of my pop-up menus work on FF and the others don't? See images at http://www.christianacademyonline.org/testnew/index.html
I have done my best to scrutinize the script (java/mm_loads,images, etc) and I can't find the problem. The two images that work have two diffent codes, probably (on_click), because I was doing what I could to make it work..
I need more eyes to help find my script problem...I'm almost complete, but missing something!
Thanks Guys!
Deke D.

I don't get any pop-ups anywhere nor any menus (if there are supposed to be some). The code is rather messy, also, with all those on-the-fly definitions for styles and endlessly long JavaScript actions. Quite possible that the links override one another. Not to ruin your day, but I'd definitely start from scratch with an empty page and a clean style sheet for the various elements. IMO that's the only way to get this working properly.
Mylenium

Safari inserting $0$0 $0 into text fields - is there a setting to change?

I'm doing web site edits in a CMS that uses Ajax (I think) pop up wysiwyg editor. when I submit my text, the line breaks are gone and replaced with " $0$0 $0 $0" (content in quotes only).
This doesn't happen in Microsoft Internet Exploder(1) or Firefox. Suggestions?
(1) Not a typo
Thank you

Juno's help page on this is a little confusing: [http://help.juno.com/support/webmail/u-s-forwarded.html Juno Email on the Web - Mails forwarded as an attachment].
Juno doesn't mention any intentional difference between browsers, but some sites offer different editors to different browsers. This may be particularly true of older sites created using ActiveX controls, which are proprietary to IE. Or Juno might have stopped updating the site and it might not be able to handle two-digit version numbers for Firefox.
It might be possible to test this hands on using a free account ([http://www.juno.com/freeemail]) but it would take me a few days.

Cross browser issue using ajax report pull

Hi,
I have an application working using ajax report pull.
Entire application is based on ajax and its currently released.
Its performance is good. It works fine with mozilla but in ie,
links and buttons are not working.
my code is as follows:
var container = document.getElementById("divlayer");
     container.innerHTML="";
     var l_Val = document.getElementById('P15_ID').value;
     var l_Val1 = document.getElementById('P15_REGION').value;
     var l_Val2 = document.getElementById('P15_COUNTRY').value;
var get = new htmldb_Get(null,html_GetElement('pFlowId').value,null,10);
     get.add('P15_GSI_PARTY_ID',l_Val);
     get.add('P10_ID',l_Val);
     get.add('P10_REGION',l_Val1);
     get.add('P10_COUNTRY',l_Val2);
     get.add('P10_ROWS',l_Val3);
     get.add('P15_REGION',l_Val1);
     get.add('P15_COUNTRY',l_Val2);
     get.add('P15_ROWS',l_Val3);
     gReturn = get.get(null,'<htmldb:BOX_BODY>','</htmldb:BOX_BODY>');
     get = null;
document.getElementById("divlayer").style.visibility='visible';
document.getElementById("divlayer").style.display='block';
var elem = document.createElement('div');
     elem.id='d1';
elem.innerHTML=gReturn;
     container.appendChild(elem);
The links with doSubmit is not submitting to the same page in ie.
Please help me.
Thanks,
Niveditha

Hello Niveditha,
There're some differences in browsers... so yes it's possible that it doesn't work with the same code in another browser. The good news is that most of time there're workaround.
When I look at your code, you could already change document.getElementById() by $x(), which is doing the same, but comes from the APEX framework.
Do you have an idea where it fails in IE? Are you using the Developer Toolbar? Maybe that gives you more insights. You could also put some alert('hello 1'); in your code to see what's happening and how far it comes.
If you put it on apex.oracle.com we can have a look into more detail.
Dimitri
-- http://dgielis.blogspot.com
-- http://apex-evangelists.com

Image code doesn't display in Firefox beta 26

FYI I noticed a difference between browsers on this Test page: http://manotick.net/test.htm
Both images display in Firefox 25 + Windows7 and Chrome 30.0 + Android 4.2.1
Top images does not display in FirefoxBeta 26 + Android 4.2.1

I don't see any difference between Firefox desktop and Firefox for Android on 25 through 28. I don't notice any missing images.
If possible would you provide a screenshot. On many newer Android phones one can capture the screen by pressing volume down and the power button at the same time.
Then attach that picture to this post by using the browse button below the Add images: line.

Special characters & picture frames do not appear when site is loaded

When I publish my "new" site to a folder and open it everything looks fine; however, when I upload the site to my server, all special characters (bullets, apostrophes, quotes, tabs, etc. along with picture frames show up as ??? or squares. Checked in Foxfire and Safari; no difference between browsers. Note: used iWeb SEO.
Any ideas what's going wrong and how to fix it?

What's the URL of your site so we can examine it first hand? I've no experience with either of those apps. I use Web Site Maestro for optimizing and uploading my sites. It works very well.
Roddy, iWeb for Musicians, uses the sitemap automator. He has a page or two on tips at SEO.

Vertical Alignment issue in Safari

I have an issue in Safari displaying content of a table cell as if it's middle aligned and not vertically aligned. It works fine in IE and FF, but not in Safari.
I am using a basic CSS setting for the table cell with vertical-align=top. I have also put in in the td tag valign=top and still have the problem where the content is middle aligned and not top aligned.
Has anyone seen something like this and know what I can do to get it to work?

Do you have a sample or a screenshot that illustrates this?
Check out the Safari Developer's forum for more help; this is mainly used by people who are Users of Safari vs. Web Developers (who should know the difference between browsers).

Unnecessary space within the content after publish

So im redesigning our ministry's website using muse because I just absolutely love the platform, and also because I am not much of a coding expert. But anyways I am having a problem when I preview or publish my site.
Here is a temporary business catalyst link so that you can see it for yourself: http://provision7.businesscatalyst.com/about-us.html
If you scroll to the bottom of the page (it is a long page) you will see that muse has extended the transparent shape behind the text field for no reason that I can figure out... I am stumped. I have looked up many threads and answers and still cannot figure out what is causing this. It does not show up in my design view, only in preview or publish.
The wierd thing about all of this is that when I delete the transparent shape completely and then preview it, the extra space is gone. So I am guessing there might be a bug in the shape tool or something, but I hope that doesn't mean I have to start all over in a new project.
Let me know if you can help! Thanks!
- Oh and I just figured out that it shows up normal on Firefox, so to see the issue be sure to use Safari or Google Chrome.

This page has a long text flow that uses the "Web Safe" font Georgia. Web Safe fonts are live text in the browser and every browser has it's own line layout engine that will result in slight difference in line breaks, and thus the total height of a text flow. Also "Web Safe" fonts are really a stack of fonts similar for the browser to try. In this case the browser will use Georgia is the site visitor has it installed. If it doesn't find Georgia, it will fall back to Palatino, Palatino Linotype, Times, Times New Roman, and finally any serif font.
I expect what's happening is you've drawn a rectangle behind the text that has a very specific height which nicely fits how the text lays out in Muse Design view using Georgia (or whichever the first font in the stack is on your machine). When you subsequently export/publish the site and view it in a browser, the line breaks will be slightly different just due to subtle differences between browsers (so a long text flow will commonly be a few lines longer or shorter). If on top of that the machine being used to view the page doesn't have the same font you have, the line breaks will likely be significantly different and the text frame height may be significantly different.
For your particular design, the easiest approach would be to delete the rectangle that's behind the text frame and instead use the text frame itself to both draw the box and the text. Set the fill of the text frame, round the corners of the text frame and in the Spacing panel set the Padding values in order to indent the text from the edges of the text frame. Now when the text frame grows are shrinks due to changes in the line breaks on of the text, the background box (which is just the text frame) will just follow along.

Differences in browsers

Similar Messages

Maybe you are looking for