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

Similar Messages

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.

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.

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.

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.

Images show up on Firefox but not IE after upgrade from 8.1 to 9.2

Hello,
 
 We are encountering a strange situation: we upgrade our Weblogic 8.1 Application to 9.2. The images on the login page can be properly displayed on Firefox, but not in IE.
 
 In order to make the images show up on IE, we have to modify the image path by adding extra two "//". For example:
 
 We have to change
 
 < img src="/resources/images/logo.gif" .../>
 
 into
 
 < img src="///resources/images/logo.gif" .../>
 
 to make it works in IE, however, in that case, the Firework won't work.
 
 We do notice that the file structure has been changed by the upgrade:
 
 File structure of Weblogic 8.1 Application Web Module "golWeb"
 
 
 golWeb
 
 * jsps folders
 
 * resources
 
 >> resources/images
 
 >> resources/jsps
 
 * WEB-INF
 
 File structure of Weblogic 9.2 Application Web Module "golWeb"
 
 
 golWeb
 
 * WebContent
 
 -- jsps folders
 
 -- resources
 
 >>> resources/images
 
 >>> resources/jsps
 
 -- WEB-INF
 
 
 It seems that only the first login page has such issue. Could anyone help us with this issue? We totally have no clues now.
 
 Thanks for the help!
 
 Agnes

Agnes,
 I think you should distinguish whether it is a behavior difference between
 two browsers or it is an issue of WLS server.
 You can copy suspicious html codes into a dependent html file, then check
 how is is rendered by different browsers.
 If you have further issues, please add commnets here.
 Regards
 Leon
 <Agnes Chen> wrote in message news:[email protected]...
 Hello,
 
 We are encountering a strange situation: we upgrade our Weblogic 8.1
 Application to 9.2. The images on the login page can be properly displayed
 on Firefox, but not in IE.
 
 In order to make the images show up on IE, we have to modify the image path
 by adding extra two "//". For example:
 
 We have to change
 
 < img src="/resources/images/logo.gif" .../>
 
 into
 
 < img src="///resources/images/logo.gif" .../>
 
 to make it works in IE, however, in that case, the Firework won't work.
 
 We do notice that the file structure has been changed by the upgrade:
 
 File structure of Weblogic 8.1 Application Web Module "golWeb"
 
 
 golWeb
 
 * jsps folders
 
 * resources
 
 >> resources/images
 
 >> resources/jsps
 
 * WEB-INF
 
 File structure of Weblogic 9.2 Application Web Module "golWeb"
 
 
 golWeb
 
 * WebContent
 
 -- jsps folders
 
 -- resources
 
 >>> resources/images
 
 >>> resources/jsps
 
 -- WEB-INF
 
 
 It seems that only the first login page has such issue. Could anyone help us
 with this issue? We totally have no clues now.
 
 Thanks for the help!
 
 Agnes

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? Views fine in Firefox but not in IE?!

I am building a webpage that is basically a gallery of
thumbnails that when moused over call up a "tooltip" which contains
a larger view of the image. I used created my page in Dreamweaver
and added the code and javascript files from this freeware tool...
http://www.dyn-web.com/code/tooltips/documentation.php#styles
Anyway, for some reason when I preview in Firefox everything
works fine. But when I preview in Internet Explorer, my rollove
rimages don't work. Ok so I "allow blocked content" in the IE
protected mode window at the top of the browser, rollovers work
fine. BUT, my tooltips do NOT work. They just don't pop up. No
amount of settings on my end in IE seem to help. action scripting
is enabled, pop ups are not blocked (even though tooltips are not
technically a pop up).
What other kinds of things should I be looking at? I could
post the website so you could look at the code, but before I do
that maybe there is something obvious I am missing?

I have reinserted the SWF files and I can now see all pages except my
index.html For instance www.bransonareagolfcouncil.com/specials
(http://www.bransonareagolfcouncil.com/specials) works fine, but
www.bransonareagolfcouncil.com (http://www.bransonareagolfcouncil.com) still only shows the
background image. Any suggestions?
In a message dated 12/14/2009 10:58:41 P.M. Central Standard Time,
[email protected] writes:
I don't know where to begin. You have a number of problems, but let me
just address the IE issue. Your swf files are not coded correctly. The easiest
thing to do is to delete your swf files and reinsert them again using
Dreamweaver so it will write the code for you.

Color Management: Light image shows correct in Photoshop, but not in Illustrator

Have a light cyan (13% dot max gradient piping the text) emboss letters spot channel .psd placed in AI. In Photoshop the image shows up great, but in Illustrator is notvisible (goes to white).
Color profile is good & generated with hardware device i1Profiler
Same color settings in both AI & PS- North Amercian General Purpose in both
Assign profile tried both Working CMYK US WEB v2 & don't color manage
Illustrator (left) Photoshop (right)

Figured it out. Happening because this is spot channel. For my purpose am creating a renders of a package, so converted the spot channel to CMYK.
Illustrator for as long as I can remeber has nto worked perfectly with spot chanels, the colros are off in Illustraor, and when you print a fiery they are off. Only solution I found to keep a spot cahnel intack, is to add a dummy white channel in the layers palette for the sahpe of the spot channel. While this works great with spot chanenls that are built without tints, nto so well in a cse liek the one above.
Kow I am not the only one to have discovered the dummy white trick, as printers such as SGS are using this. Can anyone offer any more insight into why we have to use a dummy white layers, and how to keep a spot channel intack on files like this one with the light tinted gradation???

Website page displays and javascript runs correctly in IE8 but not in Firefox 3.6.10

website page displays and javascript runs correctly in IE8 but not in Firefox 3.6.10

Can you post a link?
Then we can take a look.

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">
<!--

Images Viewable in Firefox But Not In Explorer, Safari, Chrome.

I have a coldfusion page with images. The images are called up dynamically from my Mysql database. The image field with my database has the datatype "char(100)". All that is stored in that database field is the file path to the folder of which the image is stored which is: \photos\RSL\1.jpg.
On my webpage, the image placeholder looks like this:
<a href="#Unit_Info.comphoto1#"><img src="#Unit_Info.comphoto1#" alt="" name="1" width="98" height="73" /></a>
This images display just fine on Firefox, But Not In Explorer, Safari, & Chrome. These latter three just show a broken image. Could there be something wrong with either my coldfuson or Mysql file path where each of the letter three browsers are trying to access?
I'm running Coldfusion 9 on my local machine, using OS Window 7 Professional.

When I hard coded the file path it worked. I checked the source code and saw no white space. I even went to each browser's options dialog box to make sure that the show image options were checked. It may be my coding. In my image folder there are categories of other folders within folders that have images of which Coldfusion calls up whenever the browser needs it. Could that be the problem? Should I have all of my 300 images in one folder?
- Hannibal Hasan
On Sep 1, 2011, at 9:30 PM, Dan Bracuk <[email protected]> wrote:
First thing I'd try would be to hard code the expected value and see if that works. If it does, I'd look at the html source code from the problematic browsers and see if there is any unexpected white space.
This message was sent to: College Kid
Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/3897548#3897548
To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/3897548#3897548. In the Actions box on the right, click the Stop Email Notifications link. For more information about unsubscribing from the Adobe Forums, please visit http://kb2.adobe.com/cps/522/cpsid_52211.html
--end--

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 (text/html; charset=ISO-8859-1) 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

HELP- Images displayed correctly in Firefox but not IE

Similar Messages

Maybe you are looking for