2 replies [Last post]
guerrilladigital
Offline
Regular
milwaukee, wi
Last seen: 11 years 50 weeks ago
milwaukee, wi
Timezone: GMT-5
Joined: 2008-01-31
Posts: 39
Points: 4

the site page in question is:

the features and neighborhood sections are acting up, while the floor plan section using the SAME technology, and has more "parts" it is not behaving the same in IE as it does in FF.

the following two sections are working improperly in IE:
http://adxcreative.com/projectHub/thebluffhomes/#2
http://adxcreative.com/projectHub/thebluffhomes/#4

http://adxcreative.com/projectHub/thebluffhomes/#3 (works properly in IE)

the css code in question is:

#featuredContent.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 900px;
	height: 409px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
}
#featuredContentFeatures.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 900px;
	height: 480px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
}
#featuredContentHood.glidecontentwrapper{
	position: relative; /* Do not change this value */
	width: 900px;
	height: 480px; /* Set height to be able to contain height of largest content shown*/
	overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/
 
 
#featuredContent .glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: #FFF;
	/*padding: 10px;*/
	visibility: hidden;
	width: 900px;
	height:409px;
}
#featuredContentFeatures .glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: #684F40;
	visibility: hidden;
	width: 900px;
	height:480px;
}
#featuredContentHood .glidecontent{ /*style for each glide content DIV within wrapper.*/
	position: absolute; /* Do not change this value */
	background: #684F40;
	visibility: hidden;
	width: 900px;
	height:480px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/
 
 
#p-select.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	width: 796px;
	padding-top:5px;
	height: 66px;
	margin-top: 0px;
	text-align: left; /*How to align pagination links: "left", "center", or "right"*/
	background: #FFF; /*always declare an explicit background color for fade effect to properly render in IE*/
	float:left;
}
#p-selectFeatures.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	width: 366px;
	/*height: 46px;*/
	top:455px;
	left: 0;
	float: left;
	text-align: right;
	position: absolute;
	z-index: 200;
}
* html #p-selectFeatures.glidecontenttoggler{ /*fixes height for ie */
	height: 1%;
}
#p-selectHood.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
	width: 366px;
	/*height: 46px;*/
	top:455px;
	right: 0;
	float: right;
	text-align: left;
	position: absolute;
	z-index: 200;
}
* html #p-selectHood.glidecontenttoggler{ /*fixes height for ie */
	height: 1%;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/
 
 
#p-select.glidecontenttoggler a{ /*style for every navigational link within toggler */
	color: #CEC0B6;
	text-decoration: none;
	display: block;
	height: 66px;
	float: left;
	text-align:center;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#p-selectFeatures.glidecontenttoggler a{ /*style for every navigational link within toggler */
	color: #CEC0B6;
	text-decoration: none;
	font-size: 12px;
	padding-left: 4px;
	padding-right: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
#p-selectHood.glidecontenttoggler a{ /*style for every navigational link within toggler */
	color: #CEC0B6;
	text-decoration: none;
	font-size: 12px;
	padding-left: 4px;
	padding-right: 4px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
 
#p-select.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
/*background: #FFF; /*change this color to view*/
color: #781314;
}
#p-selectFeatures.glidecontenttoggler a.selected,
#p-selectHood.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: #FFF;
}
 
#p-select.glidecontenttoggler a:hover{
/*background: #DDD;*/
color: #684F40;
}
#p-selectFeatures.glidecontenttoggler a:hover,
#p-selectHood.glidecontenttoggler a:hover{
/*background: #DDD;*/
color: #FFF;
}
 
#p-select.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
#p-selectFeatures.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
#p-selectHood.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}
 
#p-select.glidecontenttoggler a.selected{
}
 
#p-selectFeatures.glidecontenttoggler a.selected{
}
#p-selectHood.glidecontenttoggler a.selected{
}
 
#p-select.glidecontenttoggler a.prev,
#p-select.glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
font-size: 16px;
line-height:99px;
}
 
#p-select.glidecontenttoggler a.prev:hover,
#p-select.glidecontenttoggler a.next:hover{
/*background: #1A48A4*/
	color: #781314;
}
.glidecontenttoggler a#one.selected,
.glidecontenttoggler a#one:hover{
	display: block;
	height:  66px;
	width: 30px;
	background: url(../images/featuredContentNav/featuredNav_color_03.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#one{
	display: block;
	height:  66px;
	width: 30px;
	background: url(../images/featuredContentNav/featuredNav_grey_03.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#two.selected,
.glidecontenttoggler a#two:hover{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_color_04.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#two{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_grey_04.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#three.selected,
.glidecontenttoggler a#three:hover{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_color_05.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#three{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_grey_05.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#four.selected,
.glidecontenttoggler a#four:hover{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_color_06.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#four{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_grey_06.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#five.selected,
.glidecontenttoggler a#five:hover{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_color_07.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#five{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_grey_07.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#six.selected,
.glidecontenttoggler a#six:hover{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_color_11.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#six{
	display: block;
	height:  66px;
	width: 34px;
	background: url(../images/featuredContentNav/featuredNav_grey_11.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#dummyOne{
	display: block;
	height:  66px;
	width: 15px;
	background: url(../images/featuredContentNav/featuredNav_grey_13.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#dummyTwo{
	display: block;
	height:  66px;
	width: 136px;
	background: url(../images/featuredContentNav/featuredNav_grey_08.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#dummyThree{
	display: block;
	height:  66px;
	width: 46px;
	background: url(../images/featuredContentNav/featuredNav_grey_09.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#dummyFour{
	display: block;
	height:  66px;
	width: 112px;
	background: url(../images/featuredContentNav/featuredNav_grey_14.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#dummyFive{
	display: block;
	height:  66px;
	width: 123px;
	background: url(../images/featuredContentNav/featuredNav_grey_12.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#soldOne{
	display: block;
	height:  63px;
	margin-top: 3px;
	width: 33px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_08.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#soldTwo{
	display: block;
	height:  63px;
	margin-top: 3px;
	width: 34px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_09.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#soldThree{
	display: block;
	height:  63px;
	margin-top: 3px;
	width: 34px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_10.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#soldFour{
	display: block;
	height:  63px;
	margin-top: 3px;
	width: 35px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_11.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#soldFive{
	display: block;
	height:  63px;
	margin-top: 3px;
	width: 32px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_14.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#soldSix{
	display: block;
	height:  63px;
	margin-top: 3px;
	width: 34px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_15.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#soldSeven{
	display: block;
	height:  63px;
	margin-top: 3px;
	width: 34px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_16.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#soldEight{
	display: block;
	height:  63px;
	margin-top: 3px;
	width: 35px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_18.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#soldNine{
	display: block;
	height:  63px;
	margin-top: 3px;
	width: 74px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_19.jpg) no-repeat scroll center bottom;
}
.glidecontenttoggler a#dummySix{
	display: block;
	height:  66px;
	width: 24px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_13.jpg) repeat-x scroll center bottom;
}
.glidecontenttoggler a#dummySeven{
	display: block;
	height:  66px;
	width: 14px;
	background: url(../images/featuredContentNav_revisions/featuredNav_grey_20.jpg) no-repeat scroll center bottom;
}
.sold{
	color: #FFF!important;
}
a.sold:hover{
	color: #684F40!important;
}
[code]
 
and
 
[code]
@charset "UTF-8";
/*Global styles to be reused*/
html {
text-align: center;
}
body {
text-align: left;
}
.hide {
	display: none;
	overflow: hidden;
}
.obscure {
	position: absolute;
	left: -9999px;
	float: left;
}
.clear {
	clear: both;
}
#header,
#footer {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	margin-top:12px;
	;height:48px;
	width: 156px;
}
#footer {
	width:900px;
}
#footer p {
	text-align: center;
}
.glidecontent .homeDescriptionGroup {
	margin: 0px;
	padding: 0px;
	width: 168px;
	float: left;
}
.glidecontent .homeDescriptionGroup ul{
	margin: 0px!important;
	padding: 0px!important;
}
.floorplanGraphics p {
	margin:0px!important;
}
.floorplanGraphics {
	margin-top:80px;
}
.floorplanGraphics li {
	float: left;
}
.priceGuide {
	float: right;
	width: 104px;
	display: block;
	height: 409px;
}
.priceGuide li {
	margin: 8px;
}
.homeDescription1 li{
	margin-left: 8px;
}
.homeDescription2 li{
	margin-left: 8px;
	margin-bottom: 4px;
}
.homeDescription3 li{
	margin-left: 8px;
	margin-bottom: 4px;
}
 
.floorplanGraphics li {
	margin-right: 50px;
 
}
.floorplanGraphics .last {
	margin-right: 0px!important;
 
}
.floorplanGraphics img {
	margin-bottom: 4px;
 
}
.homeDescriptionGroup {
	padding-top: 8px!important;
}
.condoThumbnail{
	z-index: 1;
	position: absolute;
	left: 706px;
	top: 8px;
}
.homeDescrip1{
	margin-bottom: 16px;
}
.printerPDF{
	margin-top: 16px;
	padding-bottom: 16px;
}
#vetterdenkLogo {
	width: 104px;
	height: 71px;
	float: right;
}
#branding {
	width: 450px;
	text-align:center;
	float:left;
}
#vetterDenkBio {
	width: 265px;
	float: left;
}
#branding ul li {
	text-align:center;
}
#branding ul{
	margin-top: 95px;
}
#branding ul #condo_illustration {
	margin-bottom: 8px;
}
#branding ul #thebluffhomes {
	margin-bottom: 84px;
}
#brandImagery {
	width: 450px;
	float:left;
}
#brandImagery object {
	margin-top:1px;
	margin-left:1px;
}
#featuredContentFeatures .featuresType{	
	width:  374px;
	float:  left;
}
#featuredContentHood .featuresType{	
	width:  374px;
	float:  left;
}
#featuredContentHood #neighborhoodPhotos,
#featuredContentHood #neighborhoodMap,
#featuredContentHood #historyHero,
#openHouseHero {	
	float: left;
}
#featuredContentFeatures #featuresHero,
#featuredContentFeatures #featuresInteriors,
#featuredContentFeatures #featuresExteriors,
#featuredContentHood #neighborhoodPhotos,
#featuredContentHood #historyHero,
#featuredContentHood #neighborhoodMap,
#openHouseHero {
	margin-top: 1px;
	margin-left: 1px;
}
#featuresHero,
#featuresInteriors,
#featuresExteriors,
#neighborhoodPhotos,
#neighborhoodMap,
#historyHero{
	float: left;
}
#featuredContentFeatures #featuresCopyGraphic,
#featuredContentHood #hoodCopyGraphic {
	margin-top: 120px;
	margin-left: 54px;
}
#openHouseSecondary h3 {
	margin-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 12px;
}
#openHouseMain h2,
.featuresType h2,
#vetterDenkBio h2 {
	margin-bottom: 24px;
	padding-left: 12px;
	padding-right: 12px;
	margin-top: 12px;
}
.zeroMargin {
	margin-bottom: 0px!important;	
}
#openHouseMain .fauxHeader{
	margin-bottom: 0px!important;
}
.featuresType h3,
#openHouseMain h3 {
	margin-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
}
.featuresType p {
	margin-bottom: 12px;
	padding-left: 12px;
	padding-right: 12px;
}
.featuresType .attributes {
	padding-left: 12px!important;
	margin-left: 0px!important;
	padding-bottom: 8px;
}
#videoTour {
	float: right;
	position: relative;
	top: -87px;
	right: 60px;
}
#videoTour img{
	margin: 0;
	padding: 0;
}
#videoTour p{
	text-align: center;
	margin: 0;
	padding: 0;
}
#openHouseMain,
#openHouseSecondary {
	float: left;
	width:  187px;
}
#openHouseSecondary ul,
#openHouseSecondary ol,
#openHouseSecondary li {
	margin-left: 0px!important;
	padding-left: 0px!important;
}
#openHouseSecondary ol {	
	padding-left:12px!important;
}
#openHouseSecondary ol li {	
	margin-bottom:8px;
}
#openHouseSecondary ul li {	
	margin-bottom:0px!important;
}
#contactForm {
	width: 426px;
	float:  left;
	padding: 12px;
}
#contactForm h2 {
	width: 280px;
	margin-bottom: 24px;
}
#contactInfo {
	height: 479px;
	width:  450px;
	float:  left;
	text-align: center;
}
/*#contactHero {
	height: 478px;
	width:  449px;
	float:  left;
	background: white;
	margin-left: 1px;
	margin-top: 1px;
}
#contactHero {
	text-align: center;
}
#contactHero #contactHeroImage{
	margin-top: 120px;
}
#contactHero #contactHeroVDlogo{
	margin-top: 62px;
}*/
.neighborhoodAttractions {
	float: left;
	width:  175px;
	padding: 0px!important;
	margin-left: 12px!important;
	margin-bottom: 0px!important;
	margin-top: 0px!important;
	margin-right: 0px!important;
}
.neighborhoodAttractions .first{
	margin-bottom: 12px!important;
}
.neighborhoodAttractions li{
	margin-bottom: 0px;
}
#vetterDenkBio h3 {
	margin-left: 12px;
}
#vetterDenkBioLogo {
	float: right;
	padding-top: 48px;
	padding-right: 48px;
}
#contactInfo #address{
	margin: 0px;
	text-align: center;
}
#contactInfo #contactHeroLogo{
	margin-top:170px;
	margin-bottom:36px;
}

guerrilladigital
Offline
Regular
milwaukee, wi
Last seen: 11 years 50 weeks ago
milwaukee, wi
Timezone: GMT-5
Joined: 2008-01-31
Posts: 39
Points: 4

anyone?

anyone got ANY ideas?

guerrilladigital
Offline
Regular
milwaukee, wi
Last seen: 11 years 50 weeks ago
milwaukee, wi
Timezone: GMT-5
Joined: 2008-01-31
Posts: 39
Points: 4

fixed it

fixed it myself.