APEX page displays correctly in Firefox but not in IE7 nor IE8

I have an APEX 4.0 page which displays two columns of data. In Firefox, where the border for column one should end, it does. Then the column two data is displayed right next to column one (correctly). In IE, there is a gap of blank space between the columns, which makes it necessary to scroll over to see all the data (incorrect). I did find a post that seemed to address this very issue, however, the suggested fix did not solve the problem for me. The regions are defined as follows:
Sequence 1 - Column 1 - Breadcrumbs region - Breadcrumb region template - Type = Breadcrumb
Sequence 10 - Column 1 - Lot Information - Reports region - Type = HTML Text
Sequence 10 - Column 2 - Burial - Reports region - Type = SQL Query
Sequence 30 - Column 2 - Documents - Reports region - Type = SQL Query (updateable report)
Sequence 40 - Column 2 - Upload Document - Reports region - Type = HTML Text
With the exception of the breadcrumb region, all regions are set to Display Point = Page Template Body (3. items above region contect)
I have tried a number of different combinations between the page template, display points, etc. and have tried different width settings in the html source, but have not been able to remove the gap between the columns.
Does anyone know of a way to resolve this? If you need more information, please let me know. Thank you for any help you can provide.

You could put all but the breadcrumb into a region/subregion setup...
What theme in APEX are you using?
Thank you,
Tony Miller
Webster, TX
While it is true that technology waits for no man; stupidity will always stop to take on new passengers.

Similar Messages

IWeb pages displayed correctly in Firefox but on in Safari/Chrome

I made a personal web page with iWeb. Now some of the pages are not displayed correctly in Safari and/or Chrome.
Check this page for example : http://maiklohse.de/Maik_Lohse/media.html
There are 6 YouTube videos embedded in the page. They all will show up if you use Firefox - but not with Safari or Chrome. Anybody got any ideas?

An alternative way to add so many Quicktime movie files to a page so it will load faster is to use the method in this demo page: Opening Item in a New, Precisely Sized Window. None of the movies will load until the play button is selected. That will let the page load very quickly. Right now it's glacially slow.
OT

HELP- Images displayed correctly in Firefox but not IE

I cannot figure out (I'm a newbie) how to set the code so
that the picture on my entry page looks the same in terms of
placement in IE and Firefox In Firefox, it's perfect but there is
empty space below the image in Internet Explorer. This is driving
me crazy!

On Thu, 25 Jan 2007 12:50:37 +0000 (UTC), "majpix"
<[email protected]> wrote:
>I cannot figure out (I'm a newbie) how to set the code so
that the picture on
>my entry page looks the same in terms of placement in IE
and Firefox In
>Firefox, it's perfect but there is empty space below the
image in Internet
>Explorer. This is driving me crazy!
Can we see the page so that we can see where the image is in
the code?
Sounds like a padding/margin problem.
Steve
steve at flyingtigerwebdesign dot com

New user of Firefox. Webpage I made not displaying correctly in Firefox but OK in Win IE. Why is this?

Im new to Firefox. Just found out the website Im maintaining does not display correctly with Firefox but OK with Win IE. Why is this?
== This happened ==
Every time Firefox opened

I'm going to make a prediction here:
The webpage will contain a lot of code written specifically to the non-standards compliant way IE works, and will also "not display correctly" in the following standards compliant browsers:
Chrome
Safari
Opera
and the solution will be to code the pages according to the standards meant to be followed so it displays correctly in all non-IE browsers, '''then''' see how it displays in IE.

How do I set a specific page to open when I open a new tab in Firefox? I can open the page when initially opening Firefox, but not for subsequent tabs/pages.

How do I set a specific page to open when I open a new tab in Firefox? I can open the page when initially opening Firefox, but not for subsequent tabs/pages.

You can use an extension to set which page to open in a new tab:
*NewTabURL : https://addons.mozilla.org/firefox/addon/newtaburl/
*My Homepage: https://addons.mozilla.org/firefox/addon/my-homepage/

Thumbnails are not displayed correctly in Firefox, but displayed correctly in Safari and G. Chrome

Firefox display problems regarding this customers site:
http://gardenia.dk/collections/collection/
Thumbnails are not displayed correctly in Firefox - only a tiny bit of the picture is visible, incorrect scale (displayed correctly in Safari and Google Chrome).
Can I do anything to make it work in Firefox, too?
Kind regards,
Annette

This article might help you-
https://support.mozilla.org/en-US/kb/websites-look-wrong-or-appear-differently

Ul Menubar Positions Correctly in Firefox but NOT in IE

Hi I am having problems with my ul menubar. It displays correctly in dreamweaver and firefox but not in IE 9. Below are screenshots of what im trying to achieve. I placed the ul menubar where i want it (horizontally dropping down rather than vertical) and made its position absolute but for some reason IE does not like this. If there is anyone out there who would be willing to help me i would me most grateful!! Im relatively competent with dreamweaver cs5.5. Much thanks!
Here is Firefox working properly:
Here is Internet Explorer not working properly:
Here is the menubar code:
<td height="27" align="right" nowrap="nowrap"><ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a class="MenuBarItemSubmenu" href="../html/index.html">links</a>
      </li>
    <li><a href="../html/portfolio.html">contact</a>      </li>
    <li><a class="MenuBarItemSubmenu" href="../html/profile.html">profile</a></li>
    <li><a href="../html/contact.html" class="MenuBarItemSubmenu">projects</a>
      <ul>
        <li><a href="#">industrial</a></li>
        <li><a href="#">institutional</a></li>
        <li><a href="#">commercial</a></li>
        <li><a href="#">residential</a></li>
        <li><a href="#">award winning</a></li>
      </ul>
    </li>
    <li><a href="../html/links.html">home </a></li>
</ul></td>
Here is the menubar script:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: default;
clear: right;
float: right;
position: relative;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
cursor: pointer;
width: 80px;
float: right;
height: 27px;
text-align: right;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
position: absolute;
left: -1000em;
top: 27px;
display: inherit;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
left: -200px;
top: 27px;
position: absolute;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
width: 120px;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
position: absolute;
margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
left: auto;
top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
height: 27px;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
background-color: #FFF;
color: #003366;
text-decoration: none;
height: 17px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
text-transform: lowercase;
vertical-align: middle;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 10px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
background-color: #FFFFFF;
height: 17px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
color: #FF9900;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
background-color: #FFFFFF;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-repeat: no-repeat;
background-position: 95% 50%;
height: 17px;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-repeat: no-repeat;
background-position: 95% 50%;
height: 17px;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
position: absolute;
z-index: 1010;
filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
ul.MenuBarHorizontal li.MenuBarItemIE
display: inline;
f\loat: right;
background: #FFF;

Spry Menus 10 Commandments
http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php
Fixing Spry Menus 1.6.1
http://www.projectseven.com/testing/adobe-bugs/spry-menus/
That said, Adobe abandoned the Spry framework and you may want to do the same.
http://blogs.adobe.com/dreamweaver/2012/08/update-on-adobe-spry-framework-availability.htm l
Nancy O.

Page Publishing Correctly in Safari but Not in Firefox!

Hello!
Question: When I publish my page, it looks exactly like it should in Safari but not in Firefox! Why is this and how can I correct this?
Thank you!

Hi
Please share the page url , so that we can have a look.
You can pm me the site url.
Also let me know the browser version you are using.
Thanks,
Sanjit

Page displays perfect in Safari, but not Internet Explorer...please help!

Please help, this page looks fine in Safari, but in IE, the 2nd and 3rd column are spread out. I want everything to stay to the top;
http://www.fuels4less.com/WORKING_INDEX_HELP3.htm
Thank you in advance!

HTML errors can cause all kinds of problems between browsers/versions/platforms.
Visit http://validator.w3.org to get a listing of your errors (54 errors 3 warnings)
If it's still not displaying correctly once your errors are cleaned out, post back and we can take a closer look.

My yahoo home page is convoluted on Firefox, but not on Safari. How do I fix this?

I uninstalled Firefox and re-installed it, but that didn't work. My Yahoo homepage looks like a puzzle. Images not loading correctly. Works fine on Safari, so I figure it is something in my Firefox settings.

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.
You may also want to try troubleshooting in safe mode.
* [[Troubleshoot extensions, themes and hardware acceleration issues to solve common Firefox problems]]

Flash buttons work in FireFox but not IE

Please can someone please take a look and see if they can
figure it out cos i can't!
roundshaw (dot) co (dot) uk
The increase and decrease flash buttons at the top of the
page works ok in FireFox but not in Internet Explorer.
Can anyone see what i have missed that stops it working in
IE?
thanks in advance for your help.
Jason

Hello again,
Yep, sounds like you've got the general idea.
hries22 wrote:
I'm going to start from scratch and give it another go...would you reccomend converting every button to a symbol? Then give the symbols a mouseover, click, and mouseout?
I'd take all the elements that make up the button, and convert that into a symbol. Then you can go to labels with your code without worrying about the main timeline. Put all your code on the elements themselves, and not on the symbol instance.
hries22 wrote:
Also - and this minor - but is there a way to get a button's mouseover area to recognize transparency? For instance - I'll use a .png with transparency for a button...let's say the T-shirt. I want the mouseover to activate only when the mouse is over the t-shirt, and not over the transparent area around the t-shirt...any thoughts?
By default, the hit area of a div in HTML is its bounding box. Right off the top of my head, I'm not sure there's a way to change it...maybe someone else can chip in?
EDIT: here's an old-school way...could be a lot of work: http://www.svennerberg.com/2008/09/imagemap-rollover/
hth,
Joe

My bulleted list displays correctly in IE 8 and Firefox, but not in IE 7

I have a simple bulleted list in a right floated sidebar for a website. If views fine in IE 8 and Firefox, but not in IE 7 (and perhaps earlier, though I only have access to machines with IE 7 and 8.
Because the default indent for the bulleted list moves it too far to the right, I set a negative margin for that area of text in order to move it to the left a little. While it looks great in IE 8 and Firefox, it appears this margin setting is causing the bulleted list to shift too far to the left in at least IE 7. The rest of the copy in the sidebar div lookes fine including the title and paragraph copy.
Can anyone suggest a fix?
Also, I noticed the spacing above the main content div is smaller in IE 7 than with the IE 8 and Firefox. This div has a h1 heading followed by paragraphs. (This site was developed using a pre-existing CSS style sheet from Dreamweaver by the way.)

Strangely when I replied via e-mail my message got garbled when I looked at it here.
I was able to move over the bullet items to the left using your suggestion, however it now shows this line of copy above the page at the top of the window in the IE browser (both IE 7 and IE 8):

<title>Home Page</title>

<link href="../css/twoColFixRtHdr.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--

V 3.2 v2 now has problems with layouts, displays images fine in IE10, Firefox but not in Chrome...

Images placed in a page are not displaying in the same places in the design view on the rendered Chrome page, they are perfect in IE 10 and Firefox but not chrome / safari (ipad)?
In other words I cant get all the browsers to render the same, in order to get one set to work I have to position images one way and then they dont work in the other browsers? it doesnt make much sense but i cant seem to figure it out and need urgent help!
see here: http://www.nalpeiron.com/--analytics-solutions-by-role--.html
this has been setup to work with chrome, but in the design view you have to place the images in totally wrong places to get them to show correctly....
if you review in ie/firefox you can see the problem!
Ideas?

Every browser will potentially line break the same text with the same formatting differently due to subtle differences in the text layout engines between browsers, so the inline graphic approach is generally the best approach for achieving completely reliable results.
The reason the difference was so dramatic between IE or Firefox versus Chrome or Safari is that Chrome and Safari are based on Webkit and Webkit rounds percentage leading to a whole pixel value where as IE and Firefox interpret percentage leading as a fractional pixel amount, if necessary. This means line spacing for text with leading that's specified as a percentage will be substantially different between IE/Firefox and Chrome/Safari. You can avoid this by entering a pixel value (i.e. "14 px" for leading in the Control Strip or Text panel in Muse.

Template not displaying correctly in firefox

Hello,
it's probably a question you've answered a thousand
times...I'm totally new to designing pages so I used a template
from DW (from sample, starter page, personal training homepage). I
have only modified some text, and after uploading to my host to
have a look at it, it displays incorrectly in Firefox, but fine in
IE. However, when i preview the page from DW with F12, it opens in
firefox in local mode and looks like it's intended to look.
I have tried uploading the template without any modification
and the firefox problem is still there...
Am i missing something ?
have a look : www.englishcoaching.fr
Thanks in advance !
Belinda

Look at the code.
You have several broken links on the page you have uploaded -
<link rel="stylesheet" href="file:///E|/Documents and
Settings/Administrator/My Documents/Unnamed Site
2/mm_training.css"
type="text/css" />
Note that the stylesheet link is pointing at a file on your
hard drive,
which certainly will not work on the web. This is usually the
mark of an
improperly defined local site. You do have a local site
defined, right?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Bear_Malin" <[email protected]> wrote in
message
news:foenkl$su$[email protected]..
> Hello, it's probably a question you've answered a
thousand times...I'm
> totally
> new to designing pages so I used a template from DW
(from sample, starter
> page,
> personal training homepage). I have only modified some
text, and after
> uploading to my host to have a look at it, it displays
incorrectly in
> Firefox,
> but fine in IE. However, when i preview the page from DW
with F12, it
> opens in
> firefox in local mode and looks like it's intended to
look. Am i missing
> something ? have a look : www.englishcoaching.fr Thanks
in advance !
>

Website not displaying correctly. Firefox is changing the character set to Western (ISO-8859-1) automatically.

Normally I have set Firefox (or it's set by default) to Character Set Unicode (UTF-8) and everything displays perfectly. I've never had a problem before.
Now however, whenever I upload my own website, for some bizarre reason on that particular tab (and only that tab) the Character Set is changed over to Western (ISO-8859-1) and then there's a few characters within my site that do not display correctly, namely apostrophes and hypens.
It definitely isn't my software (Serif WebPlus X4) because the page displays correctly in every other browser. Plus it displays correctly in Firefox if I change the Character set back to Unicode.
PS The site is a work in progress

That happens because the server sends a content-type (<b>text/html; charset=ISO-8859-1</b>) via the HTTP response headers and in that case that content type prevails. The page code is saved with an UTF-8 byte order mark (ï»¿) that you see in this case.
*http://web-sniffer.net/?url=http%3A%2F%2Fwww.valuevisionglasses.co.uk&http=1.1&gzip=yes&type=HEAD&uak=0
*http://httpd.apache.org/docs/current/mod/mod_mime.html#AddType

APEX page displays correctly in Firefox but not in IE7 nor IE8

Similar Messages

Maybe you are looking for