AP Elements in IE7

Hi,
One page on a site I recently uploaded contains absolute positioned elements, and is not displaying correctly in IE7. It seems to be working fine in all other IE versions and all other browsers. I understand that IE7 seems to cause a lot of problems amongst designers, so I am not sure if I should be overly worried about it. The link is shown below:
http://www.bundalaguahcricketclub.com.au/newsandevents.html
Any help would be appreciated, thanks!

Mate, I do not see a problem in IE7.
There are are problems though, have a look here http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.bundalaguahcricketclub.com.au %2Findex.html
Gramps

Similar Messages

Spry Menu 2.0 issues in IE7..   yes another one!

I have CS4, and have used the widget browser to create a Spry Menu 2.0 and have imported it to my site. It displays fine in every browser except for IE7. I have been reading a LOT of threads on issues similiar to this one, so I'm prepared to tell everyone I know to upgrade to at least IE8!! However, I would like to fix it if possible. The menu bar is located in an include file and is attached to all my pages through the php function. I have made zero changes to the css code since I imported it into the site.
I also am wondering why there are two css pages for the menu bar.??
Any help would be appreciated..
One of the pages on the site is: michaelandrewshairstudio.com/offers.php
That page is: ( I have taken out some meta tags and content, but the div's are all still in place.) I also deleted some commented tags by accident when I imported it..
<!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>Michael Andrews Hair Salon Offers</title>
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBar.css" rel="stylesheet" type="text/css" />
<link href="Spry-UI-1.7/css/Menu/basic/SpryMenuBasic.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryDOMUtils.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryDOMEffects.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryWidget.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/SpryMenu.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarKeyNavigationPlugin.js"></script>
<script type='text/javascript' src="Spry-UI-1.7/includes/plugins/MenuBar2/SpryMenuBarIEWorkaroundsPlugin.js"></script>
<link href="CSS/stylesA.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="outerwrapper">
<div id="header">
<div id="navbar">
<?php include("Spry-UI-1.7/includes/SpryMenuBar.php"); ?>
</div>
</div>
<div id="mainbody">
<div id="logo">
</div>
<hr />
<div id="content">
</div>
</div>
<div id="footer">
<div id="footernav">
</div>
<div id="footertext">
</div>
</div>
</div>
</body>
</html>
SpryMenuBar.css
#MenuBar {
background-color:#333;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; /* Specify fonts on on MenuBar and subMenu MenuItemContainer, so MenuItemContainer,
            MenuItem, and MenuItemLabel
            at a given level all use same definition for ems.
            Note that this means the size is also inherited to child submenus,
            so use caution in using relative sizes other than
            100% on submenu fonts. */
font-weight: normal;
font-size: 14px;
font-style: normal;
padding:0;
border-color: #999999 #999999 #999999 #999999;
border-width:3px;
border-style: outset outset outset outset;
/* Caution: because ID+class selectors do not work properly in IE6, but we want to restrict these rules to just this
widget instance, we have used string-concatenated classnames for our selectors for the layout type of the menubar
in this section. These have very low specificity, so be careful not to accidentally override them. */
.MenuBar br { /* using just a class so it has same specificity as the ".MenuBarFixedCentered br" rule bleow */
display:none;
.MenuBarLeftShrink {
float: left; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarRightShrink {
float: right; /* shrink to content, as well as float the MenuBar */
width: auto;
.MenuBarFixedLeft {
float: left;
width: 80em;
.MenuBarFixedCentered {
float: none;
width: 80em;
margin-left:auto;
margin-right:auto;
.MenuBarFixedCentered br {
clear:both;
display:block;
.MenuBarFixedCentered .SubMenu br {
display:none;
.MenuBarFullwidth {
float: left;
width: 100%;
/* Top level menubar items - these actually apply to all items, and get overridden for 1st or successive level submenus */
#MenuBar .MenuItemContainer {
padding: 0px 0px 0px 0px;
margin: 0; /* Zero out margin on the item containers. The MenuItem is the active hover area.
    For most items, we have to do top or bottom padding or borders only on the MenuItem
    or a child so we keep the entire submenu tiled with items.
    Setting this to 0 avoids "dead spots" for hovering. */
#MenuBar .MenuItem {
padding: 0px 24px 0px 0px;
background-color:#333333;
border-width:1px;
border-color: #cccccc #ffffff #cccccc #999999;
border-style: none none none solid;
#MenuBar .MenuItemFirst {
border-style: none none none none;
#MenuBar .MenuItemLast {
border-style: none none none solid;
#MenuBar .MenuItem .MenuItemLabel{
text-align:center;
line-height:1.4em;
color:#cccccc;
background-color:#333333;
padding: 6px 15px 6px 39px;
width: 10em;
width:auto;
.SpryIsIE6 #MenuBar .MenuItem .MenuItemLabel{
width:1em; /* Equivalent to min-width in modern browsers */
/* First level submenu items */
#MenuBar .SubMenu .MenuItem {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
font-style: normal;
background-color:#666666;
padding:0px 2px 0px 0px;
border-width:1px;
border-color: #cccccc #cccccc #cccccc #cccccc;
/* Border styles are overriden by first and last items */
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst {
border-style: solid solid none solid;
#MenuBar .SubMenu .MenuItemFirst .MenuItemLabel{
padding-top: 6px;
#MenuBar .SubMenu .MenuItemLast {
border-style: solid solid solid solid;
#MenuBar .SubMenu .MenuItemLast .MenuItemLabel{
padding-bottom: 6px;
#MenuBar .SubMenu .MenuItem .MenuItemLabel{
text-align:left;
line-height:1em;
background-color:#666666;
color:#cccccc;
padding: 6px 12px 6px 5px;
width: 7em;
width:auto;
/* Hover states for containers, items and labels */
#MenuBar .MenuItemHover {
background-color: #333333;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .MenuItemWithSubMenu.MenuItemHover .MenuItemLabel{
background-color: #333333; /* consider exposing this prop separately*/
color: #ffffff;
#MenuBar .MenuItemHover .MenuItemLabel{
background-color: #333333;
color: #ffffff;
#MenuBar .SubMenu .MenuItemHover {
background-color: #666666;
border-color: #cccccc #cccccc #cccccc #cccccc;
#MenuBar .SubMenu .MenuItemHover .MenuItemLabel{
background-color: #666666;
color: #ffffff;
/* Submenu properties -- First level of submenus */
#MenuBar .SubMenuVisible {
background-color:#333;
min-width:100%; /* This keeps the menu from being skinnier than the parent MenuItemContainer - nice to have but not available on ie6 */
border-color: #ffffff #ffffff #ffffff #ffffff;
border-width:0px;
border-style: none none none none;
#MenuBar.MenuBar .SubMenuVisible {/* For Horizontal menubar only */
top: 100%; /* 100% is at the bottom of parent menuItemContainer */
left:0px; /* 'left' may need tuning depending upon borders or padding applied to menubar MenuItemContainer or MenuItem,
     and your personal taste.
     0px will left align the dropdown with the content area of the MenuItemContainer. Assuming you keep the margins 0
     on MenuItemContainer and MenuItem on the parent
     menubar, making this equal the sum of the MenuItemContainer & MenuItem padding-left will align
     the dropdown with the left of the menu item label.*/
z-index:10;
#MenuBar.MenuBarVertical .SubMenuVisible {
top: 0px;
left:100%;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse */
/* Submenu properties -- Second level submenu and beyond - these are visible descendents of .MenuLevel1 */
#MenuBar .MenuLevel1 .SubMenuVisible {
background-color: #ffffff;
min-width:0px; /* Do not neeed to match width to parent MenuItemContainer - items will prevent total collapse*/
top: 0px; /* If desired, you can move this down a smidge to separate top item''s submenu from menubar -
    that is really only needed for submenu on first item of MenuLevel1, or you can make it negative to make submenu more
    vertically 'centered' on its invoking item */
left:100%; /* If you want to shift the submenu left to partially cover its invoking item, you can add a margin-left with a
    negative value to this rule. Alternatively, if you use fixed-width items, you can change this left value
    to use px or ems to get the offset you want. */
/* IE6 rules - you can delete these if you do not want to support IE6 */
/* A note about multiple classes in IE6.
* Some of the rules above use multiple class names on an element for selection, such as "hover" (MenuItemHover) and "has a subMenu" (MenuItemWithSubMenu),
* giving the selector '.MenuItemWithSubMenu.MenuItemHover'.
* Unfortunately IE6 does not support using mutiple classnames in a selector for an element. For a selector such as '.foo.bar.baz', IE6 ignores
* all but the final classname (here, '.baz'), and sets the specificity accordingly, counting just one of those classs as significant. To get around this
* problem, we use the plugin in SpryMenuBarIEWorkaroundsPlugin.js to generate compound classnames for IE6, such as 'MenuItemWithSubMenuHover'.
* Since there are a lot of these needed, the plugin does not generate the extra classes for modern browsers, and we use the CSS2 style mutltiple class
* syntax for that. Since IE6 both applies rules where
* it should not, and gets the specificity wrong too, we have to order rules carefully, so the rule misapplied in IE6 can be overridden.
* So, we put the multiple class rule first. IE6 will mistakenly apply this rule. We follow this with the single-class rule that it would
* mistakenly override, making sure the misinterpreted IE6 specificity is the same as the single-class selector, so the latter wins.
* We then create a copy of the multiple class rule, adding a '.SpryIsIE6' class as context, and making sure the specificity for
* the selector is high enough to beat the single-class rule in the "both classes match" case. We place the IE6 rule at the end of the
* css style block to make it easy to delete if you want to drop IE6 support.
* If you decide you do not need IE6 support, you can get rid of these, as well as the inclusion of the SpryMenuBarIEWorkaroundsPlugin.js script.
* The 'SpryIsIE6' class is placed on the HTML element by the script in SpryMenuBarIEWorkaroundsPlugin.js if the browser is Internet Explorer 6. This avoids the necessity of IE conditional comments for these rules.
.SpryIsIE6 #MenuBar .MenuBarView .MenuItemWithSubMenuHover .MenuItemLabel /* IE6 selector */{
background-color: #333333; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .MenuBarView .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel/* IE6 selector */{
background-color: #666666; /* consider exposing this prop separately*/
color: #ffffff;
.SpryIsIE6 #MenuBar .SubMenu .SubMenu /* IE6 selector */{
margin-left: -0px; /* Compensates for at least part of an IE6 "double padding" version of the "double margin" bug */
SpryMenuBasic.css
/* SpryMenuBasic.css - version 0.5 - Spry Pre-Release 1.7 */
/* Copyright (c) 2010. Adobe Systems Incorporated. All rights reserved. */
/* This is the css for a basic Spry 2 MenuBar.
* The first section is basic layout, and should in general not need to be modified.
* The final section of this file specifies images to use for arrows for the menu. These
* are either down or right-pointing as required by horizonatal or vertical layouts. You
* can either replace the referenced images with your own, or you can modify these rules to
* point to your won images.
* These rules are supplemented by those specified in the OAM file for inclusion in the html document,
* or alternatively, the file SpryMenuBarBasicSkin.css which is included with this widget. */
/* Resets for ul and li in menus */
.MenuBar .MenuBarView, .MenuBar .SubMenuView {
display:block;
list-style:none;
margin:0;
padding:0;
/*** Layout Rules for Basic Menu ***/
/* Top Level MenuBar
* Because we float the MenuItemContainers in the MenuBar, we have to make sure the menubar wrapper expands to hold them all.
* The simplest way is to float the widget wrapper
.MenuBar { /* overridden by .MenuBarVertical version of this rule */
float:left;
width:100%;
.MenuBarVertical {
float:left; /* Used to make menubar shirink to fit contents */
width:auto;
/* SubMenus */
.MenuBar .SubMenu {
display:block;
position:absolute;
top:0;
left:-10000px; /* By default, all non-visible submenus are hidden by moving way to the west */
padding:0;
/* First level of submenus - pulls down from horizontal menubar, right from vertical */
.MenuBar .SubMenuVisible{ /* overridden by .MenuBarVertical version of this rule */
top:100%;
left:0px;
.MenuBarVertical .SubMenuVisible {
top:0px;
left:100%;
/* All submenus below level 1. All pullout to the right */
.MenuBar .SubMenu .SubMenuVisible {
display:block;
position:absolute;
top:0px;
left:100%;
/* MenuItems, MenuItemLabels, and MenuItemContainers */
.MenuBar .MenuItem {
display:block;
text-decoration:none;
.MenuBar .MenuItemLabel {
display:block;
.MenuBar .MenuItemContainer {
position:relative;
white-space:nowrap;
float:left; /* overridden by .MenuBarVertical version of this rule */
display:block;
margin:0;
padding:0;
.MenuBarVertical .MenuItemContainer {
float:none;
.MenuBar .SubMenu .MenuItemContainer {
float:none;
/* Layout Rules needed by IE6 - excluded from other browsers */
.SpryIsIE6 .SubMenu .SubMenu {
width:100px;
height:1%;
.SpryIsIE6 .MenuBar .SubMenuVisible .SubMenuVisible {
width:auto;
/* End Layout section */
* Arrows - This section specifies arrow images for a submenu dropdowns in Basic SpryMenu.
.MenuBar .MenuItemLabel{
background-image:none;
/* For all arrows used here, we depend upon the image to push itself away from right edge, or the user can add right padding to the MenuItem */
.MenuBar .MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuDownGrey.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBar .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuDownWhite.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBarVertical .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBarVertical .MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBar .SubMenu .MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.MenuBar .SubMenu .MenuItemHover.MenuItemWithSubMenu .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
/* IE6 rules for Arrows */
.SpryIsIE6 .MenuBar .MenuItemWithSubMenuHover .MenuItemLabel{
background-image:url("images/ArrowMenuDown.gif");
background-position:right center;
background-repeat:no-repeat;
.SpryIsIE6 .MenuBarVertical .MenuItemWithSubMenuHover .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;
.SpryIsIE6 .MenuBar .SubMenu .MenuItemWithSubMenuHover .MenuItemLabel{
background-image:url("images/ArrowMenuRight.gif");
background-position:right center;
background-repeat:no-repeat;

I love your subject line
Spry Menu 2.0 issues in IE7..   yes another one!
It is us as designers/developers that need to create websites for all current browsers. No sense in blaming the browsers, although in this case we could blame Spry Menu 2.0.
Problem with that is that Spry Menu 2.0 has been successfully tested in all modern browsers.
This leaves us with just one possibility, the designer/developer has erred somewhere along the line. After having checked the support files (JS and CSS) and looked at the markup, we now go to the constructor and see the following
var MenuBar = new Spry.Widget.MenuBar2("#MenuBar", {
    widgetID: "MenuBar",
    widgetClass: "MenuBar MenuBarLeftShrink",
    insertMenuBarBreak: true,
A comma after the last value.
I also am wondering why there are two css pages for the menu bar.??
One is the standard CSS for the menubar and under normal circumstances, should not be touched; the other is for the convenience of the designer/developer so that he/she can tweak the menubar to suit. If you wish, you can combine both. In all cases, keep in mind that the CSS for the standard (basic) menubar should come first, so that the other CSS can override the first.
This needs to be corrected in your document
Gramps

Dreamweaver 8 Display Mode renders website differently from IE7 and Firefox2

I'm trying to create a webpage with the following rows setup:
Header
Navigation/Issueinfo (2-column)
Left/Middle/Right (3-column)
OtherLeft/OtherRight (2-column)
Footer
It renders correctly in Dreamweaver 8's display window, but in IE7 and Firefox 2 the Navigation/Issueinfo row renders differently, and I can't figure out what the problem is. I've attached images of D8 and IE7 as well as the HTML and CSS codes. All help is greatly appreciated!
Dreamweaver 8's Display View: http://img28.imageshack.us/i/70399536.jpg/
Internet Explorer 7: http://img3.imageshack.us/i/ie7e.jpg/
HTML:
<!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=iso-8859-1" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>
<body>
<div id="container">
<div id="header">
</div>
<div id="navigation">
<ul>
<li><a href="index.html">HOME</a></li>
<li><a href="archive.html">ARCHIVE</a></li>
<li><a href="blogs.html">BLOGS</a></li>
<li><a href="calendar.html">CALENDAR</a></li>
<li><a href="staff/staff.html">STAFF</a></li>
<li><a href="msms/msms.html/">MSMS</a></li>
</ul>
</div>
<div id="issueinfo">
VOLUME 21 ISSUE 3
</div>
<div id="left">
    Left side text...
</div>
<div id="right">
    Right side text...
</div>
<div id="middle">
    Middle column text...
</div>
<div id="otherleft">
Otherleft text...
</div>
<div id="otheright">
Otherright text...
</div>
<div id="footer">Footer...</div>
</div>
</body>
</html>
CSS:
/* CSS Document */
/* Specify blanket rules for all elements */
body {
    color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0px;
    padding:0px;
background-color:#000077;
a{
color:#000077;
text-decoration:none;
a:hover{
text-decoration:underline;
#container {
width:1020px;
margin:0px auto 0px auto;
background-color:#FFFFFF;
#header {
    clear:both;
    width:1020px;
height:130px;
background-image:url(images/banner.jpg);
#navigation {
float:left;
width:800px;
text-align:center;
background-color:#000077;
#navigation li{
display:inline;
list-style-type:none;
padding-right:30px;
#navigation a{
color:#FFFFFF;
text-transform:capitalize;
#issueinfo {
clear:right;
color:#FFFFFF;
text-transform:capitalize;
text-align:center;
margin:0px 0px 0px 800px;
background-color:#000077;
#left {
    clear:left;
float:left;
    width:318px;
padding:0px 10px 0px 10px;
#right {
    float:right;
    width:318px;
padding:0px 10px 0px 10px;
#middle {
margin:0px 340px 0px 340px;
padding:0px 10px 0px 10px;
#otherleft {
float:left;
width:510px;
#otherright {
margin:0px 0px 0px 510px;
#footer {
clear:both;
color: #FFFFFF;
text-align: center;
background-color: #000077;

DW Design View is only an approximation of what various browsers will do.
Try this (note changes in red): Tested in FF 3.6.
#navigation {
    float:left;
    width:800px;
    text-align:center;
    background-color:#000077;
    line-height: 2em; /**ADD THIS**/
#issueinfo {
   clear:right; /**REMOVE THIS**/
    color:#FFFFFF;
    text-transform:capitalize;
    text-align:center;
    margin:0px 0px 0px 800px;
    background-color:#000077;
    line-height: 4em; /**ADD THIS**/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web-design.blogspot.com/

Issue with parameter passing in ie7 to php xml

Hi
I wondered if anyone could offer a little advice what the issue is here.
I have a page with xml generated from php in a separte file and presented by a dataset in spry.
The xml is OK and in firefox it all works but ie seems to barf on it.
The situation is this:
I have a jump menu on a front page that provides a url with anumeric parameter passed like this
platforms.php?platform_id=1
This parameter is picked up by php on the platforms.php page using the $_GET Array and is passed into the code in my Spry dataset to the file that runs my query and returns my xml- so basically the page displays a dataset filtered on this parameter id.
It works perfectly in FF.
In IE if I link straight to the page without a parameter at all- so platforms.php the page loads OK using the default parameter I have set up in the top of this page to send the default id of 1 to the code page so the spry query says platform_sql.php?platform_id=1 and the xml generator is fine with thisiel. ie I do a
if(isset($_GET['platform_id'])){
$platform=$_GET['platform_id'];
}else{
$platform=1;
The dataset loads Ok in IE but when I pass a parameter in the url from my jump menu IE gives a blank SPRY table i- it momentarily appears with just the placeholders for my dataset elements then vanishes. The source code of the page shows the correct id was set in the spry data going to my query file.
There is an error in ie saying there is a javascript error but its not any help- in ie fashion- FF shown no such errors.
I thought this might be a data type thing again in the dataset but its not - I have set the elements returned to simple strings but it still does not work.
Is there a problem passing in a parameter like this to a spry dataset?

After about half a day of mucking round I found the problem and a solution to this problem.
What appeared to have happened was that some of the older content in my database used html originally encoded using a WYSWYG editor called ktml.
Later data uses Tiny MCE. It looks like the character set of the two formats is slightly different and as a result some characters rendered incorrectly when passed through XML parsing where it specifies the character set as utf-8.
Firefox on the whole seems to ignore the issue though looking at the raw xml output of my php-xml code- where "-" characters were (dashes) there was a question mark character shown. None the less in actual use on my page the xml was produced and the dataset worked out.
In IE, it barfed at these same characters and failed to return the xml dataset.
What confused the issue more was some of my smaller datasets if they by chance never had a "-" character in rendered OK in IE- hence my default dataset (platform_id=1) worked in IE. After much experimenting I noticed other ids worked too if there was never such a character.
How I got round it was to wrap my server side data in the utf8_encode() function, and now all my xml is clean.
The javascript error being thrown was a red herring though I could not tell until I managed to run my page in ie7 with Visual Studio Express error console running- I had this on a spare machine at work so could debug with it.
All sorted now- now just need to find away to wrap all my datasets in collapsible panels that work.
K

IE7 issue with website

I developed my own website in Dreamweaver CS4 checking browser compatibility and validated all pages for both IE and Firefox. I uploaded my files to my Yahoo hosting account and now that it is live I can not view my home page (index.html) and one other page with IE7 - but all pages are viewable with Firefox. I verified that all my pages have the same header information and can't figure out why only these 2 pages are having an issue. When they load in IE I get a blank white screen with 'done' listed on the bottom left of the browser and not showing any errors.
Does anyone have any ideas?
Thanks
Here's my header code:
<!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 name="generator" content="HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
<title>Website Design and Development Services - Morgantown PA</title>
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />
<link rel="shortcut icon" href="images/favorites_image.png" />
<meta name="verify-v1" content="aivAOr+/q1vYQ52EJFhsLVAW6Qc/7Bx5kgptFLfa0Ds=" />
<meta name="keyword" content="web site design, website designers, ecommerce, e-commerce, web development services, web develop, website design services, professional, web page, website design company, design, web design, web application, web applications, flash, cms, content management system, seo, search engine optimization, morgantown, PA" />
<meta name="Description" content="SAS Website Designs offers web development and online services for personal and business needs. Professional web page design services including ecommerce websites, contact management solutions and search engine optimizations services." />


<link href="css/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*<![CDATA[*/
<!--
.center {text-align:center;
img {
    float: none
.bg {
     background-image: url(images/home_bg.jpg);
     background-repeat: no-repeat;
     background-position: top right;
.right {
        margin-left: 48%
.floated {
         float: left;
         width:100%;
         text-align: justify;
         font-weight: bold;
.floated2 {
          float: left;
          width:65%;
.style1 {
        font-weight:bold;
        text-align: center;
/*]]>*/
</style>
</head>

As a Yahoo-hosted site, it will never completely validate due to the code Yahoo inserts after the </html> tag on every page. The validator will help find errors on the rest of the pages, though.
But this particular problem will not be caught by the validator. You have an opening HTML comment in one of your style elements that does not have a matching closing HTML comment. Since using HTML comments inside embedded stylesheets hasn't been need since - oh, what NS 4?, just delete it.
Change this:
<style type="text/css">
/*<![CDATA[*/
<!--
.center {text-align:center;
to this:
<style type="text/css">
/*<![CDATA[*/
.center {text-align:center;
I found your site and you are missing your icon file:
images/favorites_image.png
HTTP/1.x 404 Not Found
Also, delete the non-breaking space following your opening list: <ul>& nbsp;
(space added for forum display)
Mark A. Boyd
Keep-On-Learnin' :-)

11gp1 - JS Error in IE8 : Element not found boot-SHEPHERD-PS1-9296.js

Hi,
I started to get this JS error when I run my ADF applications in IE8. This happens on my PC. I tried clearing cache etc but it didn't help..
It happens even for one page test applications when click a button or link on the page..It works fine with firefox..
Does anyone have any idea ?
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; InfoPath.2; .NET CLR 3.0.04506.648; .NET CLR 3.0.4506.2152)
Timestamp: Fri, 7 May 2010 14:27:17 UTC
Message: Element not found.
Line: 5636
Char: 2
Code: 0
URI: http://127.0.0.1:7101/Application9-ViewController-context-root/afr/partition/ie/default/opt/boot-SHEPHERD-PS1-9296.js

Thank you, Muhammed.
Yes...
I'm trying with firefox (everything ok), Safari (ok), Chrome (ok), Opera (not supported for Faces), IE7 and IE8 (supported in compatibility mode).
According to this this , it should be supported and certified to run on IE7, but it returns this funny error, related to Javascript. As far as I could guess, it has to do with the Flash properties of faces.
I've tried with 2 different pages:
- the first one contains an ADF DVTGraph and, then, it returns this error when loading.
- the second one contains Panel Accordion (these ones embedded that get minimized when you click on another). This behaviour is Flash, i think, because it is in this moment when it returns the error and not when it is loading.
I don't know if I did mysefl clear... :)
Did you uninstall IE8 and then you tried with IE7 an it worked?? Did you render any DVT component?
I'm incredibly puzzled with this.... Any Idea??
Edited by: juan.aleixandre on 19-may-2010 1:11

Adobe Interactive forms & WebDynpro for java problem with IE7 and IE8

I have Interactive form ui-element in WebDynpro for java (ver. 7 SP 10) application. It works fine with IE6, but in IE7 (or IE8) it doesn't show that ui-element at all. We have tried to change IE7 security & advanced settings, but we have not made any progress. We have also tried to install/uninstall different Adobe reader versions etc.

I know a little more about the problem now. After viewing the XML source I change the property of the inputfield.
It was like this:
<field name="verdipers_felt" y="130.7001mm" x="180.1801mm" w="101.6004mm" h="44.4501mm" locale="no_NO" access="ReadOnly">
but i changed the access to be nonInteractive
<field name="verdipers_felt" y="130.7001mm" x="180.1801mm" w="101.6004mm" h="44.4501mm" locale="no_NO" access="nonInteractive">
now view2 shows the linebreak as in view1... Buut! when im going back to view1 from view2, the linebreaks gets converted into spaces
thats pretty wierd, aint it?

QuickTime movies in IE7

I am working on embedding QuickTime movies on a web page (with just the object element). I have them set to autoplay. They work just fine on most browser for both Mac and Window.
Except IE7. In IE7, the QuickTime video loads and you can hear the audio, but you have to manually click the video to see the images moving.
I've investigated the new thing about activating ActiveX controls manually and Apple's suggestion about using JavaScript (http://developer.apple.com/internet/ieembedprep.html).
This article on Microsoft's developer site implies that the changes affect all ActiveX controls, not just non-Microsoft ones.
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overvie w/activating_activex.asp?frame=true&hidetoc=true
This independent article also implies that the change is for all ActiveX controls:
http://www.digitalmediadesigner.com/articles/viewarticle.jsp?id=38506
But two things. One, I don't want to use Javascript, and two, when I embed a movie to play with Windows Media Player, it plays just fine. Yes, you have to click to interact with Windows Media Player, but meanwhile, the movie is loading and playing without trouble.
Is IE7 playing favorites with Windows Media Player? Does it like AVI files better?
In short, why is it that it can play Windows Media Player files in the background without any user interaction, but not QuickTime files in the background without any interaction?
I'd appreciate any insights you can offer.
thanks,
Liz

Had the exact same problem after the Quicktime 7.1.6 upgrade. I had a driver conflict. I had to use an older driver for my Nvidia graphics board the latest was not compatible.

Problem faced in viewing SVG elements in IE 7 in windows 2003 server machine

Hi All,
We are using SVG to use graphics elements in web page for our product. The web page contains HTML+SVG elements.
If we use an HTML Image element in our web page display and if we draw or configure SVG elements like rectangle or circle over the image element, then on viewing it in browser, the html image element overlaps the SVG elements and they get hidden behind the image.
Please help us in resolving this issue.
This scenarios works fine if we use browser IE7 in windows XP machine.
But on using IE7 in windows 2003 server machine, the problem is faced.
We have tried all possible and valid IE settings and properties to make the display work. But its helpless. The SVG plugin is also installed properly on systems. But still the display is not as intended.
I have attached the working scenario screenshot and non working scenario screenshot
The screenshot here contains an html image which is showing text as Incom tax department and on top of it is SVG element rectangle. This is viewed in Windows XP in IE 7 browser
This screenshot contains the same page above but when viewed in Windows 2003 IE 7 browser. The SVG rectangle is overlapped by the html image element here
Kindly please help us in this regard as we are unable to proceed further with this issue. If anyone of you have face this before, then please help us on the resolution. We will be very grateful
Thanks a lot.
Regards,
Shwetha

If you are using Dreamweaver to create your webpage, please post in the Dreamweaver forum. If you are hand-coding you might try posting in the Web Design forum. This forum is for help using the forums not for general tech support.

IE7 z-index bug

My Spry drop down menu appears behind the text on my pages in
IE7, because of the apparently well-known bug in IE7's
implementation of positioned elements and stacking contexts (
explanation
here).
Is there a solution, or will I have to create a different
menu system for IE, and do some browser-sniffing? Bit of a drag,
that...
Here's the problem in action (if you use IE7...) go
here
and click on the "MENU" icon in the top left of the screen...
Thanks for any advice.

Hi Gaurav! Thanks for your reply.
I do indeed use a lot of Javascript, but it's all
encapsulated ("namespaced") and so it shouldn't be interfering with
anything!
Maybe I tweaked something in the Spry code that I shouldn't
have, but I can't imagine what...
I will try rebuilding the Spry menu, as you suggest.
Cheers

IE7 Padding Bug with Spry Effects

I'm having a recurring issue with using the Spry Blind effect
in IE7 where, when upon trigerring the Blind, the width of the
element being expanded/contracted is expanding out to the right
over it's edges.
For example.
A div with a width of 800px and a padding of 20px;
When a Blind is triggerred on this element, the width of the
element would expand to 840px, the padding on the left side remains
fine, but the text now goes all the way to the right edge of the
newly widened element.
This has been extremely frustrating and doesn't occur in
Firefox.
I'm hoping this is a common problem. My implementation of the
script is fairly straightforward so I don't know if there is
anything else but a bug with the effect.

Here is a somewhat messy version of the page I am working
with.
http://derekprospero.com/michael/example.html
If you click the green down arrow at the bottom of the top
right pane you will see the error.
The table expands out past the borders of the div. The
padding-left and padding-right on this div is 20px each, and it
expands out to 40px past the border of the div, so I am assuming
there is some correlation.
It also happens on the bottom one, though it is not as
evidence, since the text goes behind the background, isntead of
over it.

Spry Menu issue in IE7

I am using a Spry horizontal menu, which looks fine in
firefox and opera, but in IE7 & IE8 there is a small (maybe
3px) unwanted gap between the top of the menu and the bottom of the
header element above it. I've been looking all over, and it sounds
like the "white space" bug, but none of the listed fixes I try seem
to have any effect.
Does anyone know what I'm missing? Is this a normal problem?
Am I just too dense to notice the obvious?

any ideas? anyone?

Sub Menu alignment in IE7

On my test website www.psweb-test4.com
On the nav bar "about us" sub menu
I am having a real issue that I cannot seem to resolve. In IE7 I am trying to reposition/realign the background element I think this is ul.MenuHorizontal ul (this is highlighted in red background) it shows different/OK in Safari and IE8. Can you help please as this is very frustrating.

Have a look at the answer to your post in the other forum http://forums.adobe.com/message/3419549#3419549
Gramps

Spry drop down menu not showing in IE7

I'm using Dreamweaver CS5, Windows 7 64bit OS, and tested in IE8 or newer and firefox all working perfectly. (with the exception of IE7).
the problem can be viewed at www.maxdailydeal.com
the drop down sub-menu are not displaying on IE7, can anyone help please.
Many thanks in advance!
-max-

All throughout this forum we explain that you should stay away from absolute and relative positioned elements. Again I shall say STAY AWAY FROM ABSOLUTE AND RELATIVE POSITIONED ELEMENTS.
To illustrate this, remove id="floatdiv" from the menu container and you shall see that the menu works. OK, the menu may not look like you want it to, but this can easily be fixed with proper CSS.
Gramps

Validating date form element

Operating system and version: Win 2000
Macromedia product and version: DW8
Browser and version: IE7
Steps to reproduce:
1) Add a form
2) Name a text form element named: <%= (iCount &
".Qty") %>
3) Add a button
4) Add a date validation, or better said .. try to.
The form element is not listed in the form, form elements
NEEDS to be named
as above (<%= (iCount & ".Qty") %>)
I even tried renaming the element to say 'date', it worked, I
apply the
validation and then on the code replace 'date' for '<%=
(iCount & ".Qty")
%>', but it doesnt work.
I am using ASP/VB with MS SQL 2000
How should I solve this ? I cannot change the name of the
element and need
to validate that the element is a date (mm/dd/yyyy).
Bottom line: While the element is named <%= (iCount &
".Qty") %> I
cannot apply a validation to it, tried several extensions,
none work.
Please advice,
Alejandro

I want to have control over certain 'dimension type of' columns in the classic report / tabular form with APEX_ITEM.* in the sql for the report while some of the columns are from Collection with their collection column names. C001, C002 etc..
...clips
SELECT
APEX_ITEM.SELECT_LIST_FROM_LOV(35
,C035,'LOV_ANIMALS'
,'style="width:50px"','YES',NULL,NULL
,'f35_' || LPAD (seq_id, 4, '0'),NULL) animals
,to_number(c001) c001
,to_number(c002) c002
FROM apex_collections WHERE collection_name = 'SLEEPY_ANIMAL'
...clips
When there are several columns in the report, it is easier to maintain C001...columns appearance in the Report Attributes-->Column Attributes.
Oh yes, I have adapted Denes dynamic cascading lov for tabular forms which is the reason for having the "APEX_ITEM..." in the query and from some blog I read that it is very good to toss those 'dimension' type of columns to high-end numbers in the collection, so there will be space for the entry columns.
E.g. firstrow in the tabular form
c035 -- animals --> f35 --> f35_0001 (select list with lov LOV_ANIMALS)
c001 -- "what ever I have said in Column attributes"--> f01 --> f01_0001 (text area, editable column)
c002 -- "what ever I have said in Column attributes"--> f02 --> f02_0001 (text area, editable column)
So the numbering is the same for the www-form and collection columns.
Everything is ok if the columns c001 and c002 are editable e.g. 'text area' type, but if I change c001 to 'Display..' type then the order for item_id's change.
c035 -- animals --> f35 --> f35_0001
c001 -- "what ever I have said in Column attributes" (display as text (escape special chars...))
c002 -- "what ever I have said in Column attributes"--> f01 --> f01_0001
So now the collection column c002 accidentally is mapped to forms f01-column while I might assume it is f02.
rgrds Paavo

AP Elements in IE7

Similar Messages

Maybe you are looking for