Complete chaos in some browsers

does anyone have any idea what this could be caused by? www.jumpandbumppartyrental.com/home.html in some browsers is bizarre. Totally out of place boxes and graphics overlapping. Thought it might be MSIE7 at work. Can anyone look at it and see if there's a coding issue? Looks fine on my Macs and in all browser testing sites shots I've seen so I'm confused as to what the issue might be. Looking forward to hearing from someone (quietlyhidingmydesperation...) Thanks for all ideas.

As I suspected by reading your head line, you have tried to design your entire page around apdivs, of div tags that are absolutly positioned. They are not the proper tool for layout, they dont play nice among the differrent browsers and just when you think you have it laid out perfect, you look at it in a new browser or machine, and its all perklempt....
You need to get an understanding of CSS and HTML and leave the apdivs alone. Find below a liquid layout that you should be able to adapt, or at the very least play with to get a better understanding of a layout. As far as I can see, you need to scrap your current layout and work with <div> tags that are not absolutely positioned.
gary
***** Copy and paste the code below into a blank code view page*****
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#header {
width:80%;
margin:auto;
border:#999999 1px solid;
#wrap {
width:80%;
margin:auto;
clear:both;
border:#999999 1px solid;
#tagline {
width:80%;
margin:auto;
clear:both;
border:#999999 1px solid;
#menu {
width:80%;
margin:auto;
clear:both;
border:#999999 1px solid;
#leftCol {
width:30.2%;
float:left;
#rightCol {
width:70%;
float:left;
#footer {
width:80%;
margin:auto;
clear:both;
border:#999999 1px solid;
</style>
</head>
<body>
<div id="header">This is your header div</div>
<div id="tagline">This is your tagline div</div>
<div id="menu">This is your menu div</div>
<div id="wrap">
<div id="leftCol">This is your left col div></div>
<div id="rightCol">
</div>
</div>
<div id="footer">This is your footer div</div>
</body>
</html>

Similar Messages

Shopping Cart / View Cart missing in some browsers

Has anyone else had complaints that the view cart button doesn't show on some browsers / computers?
We've had 2 customers ring up to complain they couldn't see it lately - and when I was at the airport last night I went to our site and it wasn't their either. (Qantas Melbourne lounge - safari - mac). The button was completely missing.
What's strange is I've tested it on 3 other safari mac's before and it was there.
Does anyone have any ideas?

This will not be a system issue and isn't - All good here on all sites.
Try this though.... Press Command + or Command - and see if it drops off. If so then the person has zoomed in or out on their browsers.
IF not it will be a CSS issue in certain safari (and thus webkit) versions.

CSS Style Problem in some browsers

I’m Using Dreamweaver Studio 8.0. on the PC.
Some of my CSS Styles info does not work in some browsers.
The “main_content” section of my site does not
display properly in some browsers.
Here is the CSS code:
#main_content {
position:absolute;
left:134px;
top:180px;
width:651px;
height:597px;
z-index:6;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-left-style: none;
border-top-color: #0000CC;
border-right-color: #0000CC;
border-bottom-color: #0000CC;
border-left-color: #0000CC;
border-right-style: solid;
border-bottom-style: none;
It works fine in FireFox 1.5 and Netscape 8. But in IE 6.0.2
and Safari 2.0.3 the main content section:
1. moves to the far left of the page (behind a left side
image border)
2. loses its width restriction and fills to the right
whatever size monitor display it is on
3. loses the solid right border of this section
The “.copyright” info also does not display
properly
.copyright {
font-size: 9px;
background-color: #666666;
color: #FFFFFF;
Again, it works fine in FireFox 1.5 and Netscape 8. But in IE
6.0.2 and Safari 2.0.3 the copyright section:
1. does not change to the smaller font
2. does not change font color
3. has no background color
Does anyone have any ideas?
Thanks,
David

Here's something you need to know:
There is no significant difference in the way that these
browsers render
valid CSS on pages with valid doctypes. Please post a link to
your page so
we can get at the bottom of this, and keep you from careering
off the cliff
edge that you are now teetering on! 8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"DAFsr" <[email protected]> wrote in message
news:enjt3a$orq$[email protected]..
> FOUND A WORK AROUND!
>
> Many of the CCS styles are not being picked-up by IE
& Safari. So I
> placed
> those codes that weren't being recognized back into the
div tags of the
> individual layers. I've got the positioning problem
taken care of, now I
> need
> to figure out the best way to get the other conventions
like heading type
> size
> and color to match in all browsers.
>
> Still don't understand why the CSS style sheet isn't
working in IE &
> Safari.
> But I'm hopeful at this point I will at least be able to
complete the site
> and
> get it to play okay in multiple browsers.
>
> If anyone has any other thoughts that might help me,
feel free to post
> away!
>
> Thanks,
>
> David
>
>

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.

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

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

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

Navbar font appears miniscule in some browsers

Why does the Navbar font size appear miniscule in some browsers, but fine in others?
My Website is paranormalstateillustrated.com
I'm using iWeb '08 version 2.0.4, "Darkroom" theme.
Navbar items appear miniscule in Safari version 3.1.2, but are "normal" when working in iWeb.
Navbar items (font size) appear fine in Firefox version 3.0.3- BUT I've had someone else say the Navbar links are too small when they use Firefox. What could cause this difference?
Should I just deselect the "Display navigation menu" in the Inspector, and build my own Navbar to help ensure all browsers display the same font/size?
Thank you for your input!

Roddy,
Thank you for your quick reply. I found why the Navbar appears miniscule in my Safari browser, and why it looked small in someone else's Firefox browser. It has to do with the "Preferences" of each browser.
SAFARI browser:
Select "Preferences" from the Safari pull-down menu.
Click on the "Appearance" tab.
Select a "Standard font" size large enough so it doesn't appear too small. Times 14 works okay.
FIREFOX browser:
Select "Preferences" from Firefox pull-down menu.
Select the "Content" tab.
Pick a larger font size under the "Fonts & Colors" section of the "Content".
That fixes the font size problem. It wasn't something "wrong" with iWeb.
I do, however, like your explanation that viewer's are seeing paranormal!
Thank you!

Flash video reports unavailable in some browsers

Hi,
I was trying out some browsers like uzbl, surf, dwb etc. but found some sites with flash where the video reported "Sorry, this episode is temporarily unavailable". When viewed with Firefox or Chromium it works fine. Here's an example:
http://thepunkeffect.com/?p=4830
Any idea what the issue would be?
Thanks

I think sometimes this is a result of the website not supporting your browser - at least in some cases. If it occurs on every website that uses flash, then your browser is looking for the plugin in the wrong directory or else you need to install nspluginwrapper (and perhaps configure it to look in your flashplayer directory for libflashplayer.so).

Unbale to get complete output as some field are missing in z t-code.

Respected Guru's,
i am tring to get output from a customized t-code.
While executing the report in background, i mention customized format as the exsisting format does not match.
But i am the unbale to get complete output as some field are missing.
Please help me, i have tried change the no of rows and coloums, but no effect.
Regards,
Daya

Hi,
Please try with printer settings and used different printer formats.
Actully this problem because of printers configration which is used for backgound reports.
Regards,
Ravi

DW designed site, some browsers are dropping images and doing other wonky things, suggestions?

Hello, we have a small website and on the contact page there are hyperlinked images for facebook and linkedin. On some browsers or computers the images and links are being dropped entirely, including my own when I run Firefox but shows up fine in IE. On one computer instead of left aligning it was center aligned. Here is the page in question:
Vote Russ Tierney for State Representative
(Aside from the CSS doing away with tables which is a subject I still need to read up on) is there anything bad about that particular segment of html:
<tr>
<td colspan="2">Find me on:<br /><a href="https://www.facebook.com/voterusstierney"><img src="images/Facebook.png" alt="Facebook" width="47"/></a> <a href="https://www.linkedin.com/pub/russ-tierney/34/49/920"><img src="images/LinkedIN.png" alt="Linkedin"/></a></td>
</tr>
Suggestions?

Aaron Hartley wrote:
(Aside from the CSS doing away with tables which is a subject I still need to read up on) is there anything bad about that particular segment of html:
Possibly.
Servers are case sensitive, so a link to images/LinkedIN.png will not be directed to a file called linkedin.png on the server. Your local OS won't have an issue with it, but the server generally will view that as a separate file from the mixed case version.
You may want to go through and normalize your file names from within DW's Files window and keep them all as lower case alpha-numeric names. Don't use special characters or spaces in the names either. Instead of spaces, use underscores or hyphens. When you change the names from within the Files window, DW will update all of your links for you.
Since you're seeing issues in some but not all browsers, I'm guessing the above probably isn't the problem (still worth mentioning though). It almost sounds to me like you are caching older versions in some of those browsers. Try clearing the browser cache to see if that clears up the issue.
Also, run your pages through the validator at http://validator.w3.org to get a list of html errors in your page. HTML errors can cause all kinds of funky behavior between browsers/versions. If it's still happening once you have your code cleaned up, post back and we can take a closer look.

Unwanted code in some browsers

When I test a set of pages I get this appearing in some browsers, but not all, at the top of the page.
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
What have I done and how can I lose it?

Does this thread apply to your situation?
http://www.gthelp.com/showthread.php?t=127587

Can flash3d effect font size in some browsers?

hello;
I have an swf that has many dynamic textfields;
a couple of them are inside of an mc that has been rotated in xyz-space via the properties panel;
these particular tf's are not displaying correctly in some browsers.
tf's are embedded.
any thoughts?
thanks.

I do not believe that it is actually an OS or browser-dependant problem.
I am on a XP, FF 3.6.12 and all tf's are fine;
but if I go to browsercam.com ( remote browsing site for development testing ) and test on their XP, FF 3.6.10 the tf's have the problem. I have also tested on many of their other setups ( various OS's, various browsers ) and almost all of their machines are demonstrating the problem.
it seems that only the tf's that are within a 3d mc are being affected ... I am in the process now of un-3d'ng the 3d_mc to see what happens ...
tf's are embedded.

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.

Stage.stageWidth and some browsers

Has anyone else encountered this? When I program banner ads, I use a variable to calculate the center of the banner, something like:
var MiddleX = stage.stageWidth/2; //If stage is 300 pixels wide MiddleX would be 150
I then use that variable to position text dead center, something like:
mcText.x = MiddleX;
What I have discovered is that some browsers don't care for this. So instead of centering the text they position it at 0. The quick fix was to just put in a number rather than have it calculate.
I don't think the code is flawed. Just wondering why some browsers hiccup on this code. It seems pretty basic.

there could be some issues with scaling unless you assign the scaleMode to noScale.

Complete chaos in some browsers

Similar Messages

Maybe you are looking for