IE7 Rendering Problems
i've posted on pm forum, readily accept source.
http://www.jdcdemo.com/jobs/index.html
the pm menu in under-development site renders horizontal in ie6, ff, google chrome , windows safari, renders vertical in ie7 (on laptop). laboring under delusion installed pm's code in template header , on pm stylesheet. http://www.projectseven.com/products/menusystems/pmm/css_tweaks/varwidth_hz/
but, have apparently dropped ball somewhere , can't find infraction. , appreciated.
thanks,
joe
here's p7 css sheet:
/*
-----------------------------------
popmenu magic style sheet
project 7 development
www.projectseven.com
menu type: horizontal
style theme:0 -basic style
-----------------------------------
*/
#p7pmnav {
margin: 0;
padding:0;
}
#p7pmnav li {
list-style-type: none;
margin: 0;
padding: 0;
}
#p7pmnav ul {
margin: 0;
padding: 0;
background-color: #ffffff;
border: 1px solid #000000;
position: absolute;
left: -9000px;
z-index: 10000;
}
#p7pmnav {
display: block;
text-decoration: none;
padding: 4px 10px;
color: #666666;
line-height:1;
}
#p7pmnav a:hover, #p7pmnav a:active, #p7pmnav a:focus {
background-color: #0066ff;
color: #ffffff;
letter-spacing: .01px;
}
/* ------ current page marker style ------ */
#p7pmnav .p7pmmark {
color: #333333;
font-weight: bold;
}
/* ------ trigger link styles ------- */
/*the trigger link */
#p7pmnav ul .p7pmtrg, #p7pmnav ul .p7pmon {
background-image: url(img/p7pm_dark_east.gif);
background-repeat: no-repeat;
background-position: right center;
}
/* active trigger link style */
#p7pmnav .p7pmon {
background-color: #0066ff;
color: #ffffff;
}
/*the submenu classes */
#p7pmnav .p7pmhide {
left: -9000px;
}
#p7pmnav .p7pmshow {
left: auto;
z-index: 20000 !important;
}
/* top level menu width */
#p7pmnav li {
float: left;
width: 124px;
}
#p7pmnav ul li {
float: none;
}
#p7pmnav ul, #p7pmnav ul li {
width: 172px;
}
#pmmcrumb {
font-weight: bold;
margin-bottom: 16px;
color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
font-weight: normal;
color: #535fac;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
font-weight: normal;
color: #333333;
}
/* single backslash \ character inside comment
causes ie5 mac ignore following rule, allows other
browsers render top-level menu items natural width. */
#p7pmnav li {width: auto;} , have gone astray somewhere. need know more i.
thanks,
joe
here's p7 css sheet:
/*
-----------------------------------
popmenu magic style sheet
project 7 development
www.projectseven.com
menu type: horizontal
style theme:0 -basic style
-----------------------------------
*/
#p7pmnav {
margin: 0;
padding:0;
}
#p7pmnav li {
list-style-type: none;
margin: 0;
padding: 0;
}
#p7pmnav ul {
margin: 0;
padding: 0;
background-color: #ffffff;
border: 1px solid #000000;
position: absolute;
left: -9000px;
z-index: 10000;
}
#p7pmnav {
display: block;
text-decoration: none;
padding: 4px 10px;
color: #666666;
line-height:1;
}
#p7pmnav a:hover, #p7pmnav a:active, #p7pmnav a:focus {
background-color: #0066ff;
color: #ffffff;
letter-spacing: .01px;
}
/* ------ current page marker style ------ */
#p7pmnav .p7pmmark {
color: #333333;
font-weight: bold;
}
/* ------ trigger link styles ------- */
/*the trigger link */
#p7pmnav ul .p7pmtrg, #p7pmnav ul .p7pmon {
background-image: url(img/p7pm_dark_east.gif);
background-repeat: no-repeat;
background-position: right center;
}
/* active trigger link style */
#p7pmnav .p7pmon {
background-color: #0066ff;
color: #ffffff;
}
/*the submenu classes */
#p7pmnav .p7pmhide {
left: -9000px;
}
#p7pmnav .p7pmshow {
left: auto;
z-index: 20000 !important;
}
/* top level menu width */
#p7pmnav li {
float: left;
width: 124px;
}
#p7pmnav ul li {
float: none;
}
#p7pmnav ul, #p7pmnav ul li {
width: 172px;
}
#pmmcrumb {
font-weight: bold;
margin-bottom: 16px;
color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
font-weight: normal;
color: #535fac;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
font-weight: normal;
color: #333333;
}
/* single backslash \ character inside comment
causes ie5 mac ignore following rule, allows other
browsers render top-level menu items natural width. */
#p7pmnav li {width: auto;}
http://www.jdcdemo.com/jobs/index.html
the pm menu in under-development site renders horizontal in ie6, ff, google chrome , windows safari, renders vertical in ie7 (on laptop). laboring under delusion installed pm's code in template header , on pm stylesheet. http://www.projectseven.com/products/menusystems/pmm/css_tweaks/varwidth_hz/
but, have apparently dropped ball somewhere , can't find infraction. , appreciated.
thanks,
joe
here's p7 css sheet:
/*
-----------------------------------
popmenu magic style sheet
project 7 development
www.projectseven.com
menu type: horizontal
style theme:0 -basic style
-----------------------------------
*/
#p7pmnav {
margin: 0;
padding:0;
}
#p7pmnav li {
list-style-type: none;
margin: 0;
padding: 0;
}
#p7pmnav ul {
margin: 0;
padding: 0;
background-color: #ffffff;
border: 1px solid #000000;
position: absolute;
left: -9000px;
z-index: 10000;
}
#p7pmnav {
display: block;
text-decoration: none;
padding: 4px 10px;
color: #666666;
line-height:1;
}
#p7pmnav a:hover, #p7pmnav a:active, #p7pmnav a:focus {
background-color: #0066ff;
color: #ffffff;
letter-spacing: .01px;
}
/* ------ current page marker style ------ */
#p7pmnav .p7pmmark {
color: #333333;
font-weight: bold;
}
/* ------ trigger link styles ------- */
/*the trigger link */
#p7pmnav ul .p7pmtrg, #p7pmnav ul .p7pmon {
background-image: url(img/p7pm_dark_east.gif);
background-repeat: no-repeat;
background-position: right center;
}
/* active trigger link style */
#p7pmnav .p7pmon {
background-color: #0066ff;
color: #ffffff;
}
/*the submenu classes */
#p7pmnav .p7pmhide {
left: -9000px;
}
#p7pmnav .p7pmshow {
left: auto;
z-index: 20000 !important;
}
/* top level menu width */
#p7pmnav li {
float: left;
width: 124px;
}
#p7pmnav ul li {
float: none;
}
#p7pmnav ul, #p7pmnav ul li {
width: 172px;
}
#pmmcrumb {
font-weight: bold;
margin-bottom: 16px;
color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
font-weight: normal;
color: #535fac;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
font-weight: normal;
color: #333333;
}
/* single backslash \ character inside comment
causes ie5 mac ignore following rule, allows other
browsers render top-level menu items natural width. */
#p7pmnav li {width: auto;} , have gone astray somewhere. need know more i.
thanks,
joe
here's p7 css sheet:
/*
-----------------------------------
popmenu magic style sheet
project 7 development
www.projectseven.com
menu type: horizontal
style theme:0 -basic style
-----------------------------------
*/
#p7pmnav {
margin: 0;
padding:0;
}
#p7pmnav li {
list-style-type: none;
margin: 0;
padding: 0;
}
#p7pmnav ul {
margin: 0;
padding: 0;
background-color: #ffffff;
border: 1px solid #000000;
position: absolute;
left: -9000px;
z-index: 10000;
}
#p7pmnav {
display: block;
text-decoration: none;
padding: 4px 10px;
color: #666666;
line-height:1;
}
#p7pmnav a:hover, #p7pmnav a:active, #p7pmnav a:focus {
background-color: #0066ff;
color: #ffffff;
letter-spacing: .01px;
}
/* ------ current page marker style ------ */
#p7pmnav .p7pmmark {
color: #333333;
font-weight: bold;
}
/* ------ trigger link styles ------- */
/*the trigger link */
#p7pmnav ul .p7pmtrg, #p7pmnav ul .p7pmon {
background-image: url(img/p7pm_dark_east.gif);
background-repeat: no-repeat;
background-position: right center;
}
/* active trigger link style */
#p7pmnav .p7pmon {
background-color: #0066ff;
color: #ffffff;
}
/*the submenu classes */
#p7pmnav .p7pmhide {
left: -9000px;
}
#p7pmnav .p7pmshow {
left: auto;
z-index: 20000 !important;
}
/* top level menu width */
#p7pmnav li {
float: left;
width: 124px;
}
#p7pmnav ul li {
float: none;
}
#p7pmnav ul, #p7pmnav ul li {
width: 172px;
}
#pmmcrumb {
font-weight: bold;
margin-bottom: 16px;
color: #333333;
}
#pmmcrumb a, #pmmcrumb a:visited {
font-weight: normal;
color: #535fac;
}
#pmmcrumb a:hover, #pmmcrumb a:active, #pmmcrumb a:focus {
font-weight: normal;
color: #333333;
}
/* single backslash \ character inside comment
causes ie5 mac ignore following rule, allows other
browsers render top-level menu items natural width. */
#p7pmnav li {width: auto;}
More discussions in Dreamweaver support forum
adobe
Comments
Post a Comment