Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    Banned
    Join Date
    Mar 2007
    Posts
    1,523
    Thanks
    116
    Thanked 0 Times in 0 Posts

    Internet Explorer IE8 -div shows at bottom of screen in wrong place?!

    hi,

    on my website under Sherwin Williams

    When you search a color under Sherwin Williams, the result of colors apears at the bottom of the page in IE8?!

    Can someone please help?

    css
    Code:
    #moreColorChoice {
    	margin-left: 10px;
    	height: 78px;
    	width: 180px;
    	float: left;
    	position: relative;
    }
    #moreColorChoice label {
    	font-weight: bold;
    }
    #moreColorChoice input {
    	left: 0px;
    	top: 18px;
    	position: absolute;
    	width: 170px;
    }
    #moreColorChoice span {
    	right: 5px;
    	top: 18px;
    	position: absolute;
    }
    #moreColorChoice img {
    	border-width: 0px;
    	border-style: none;
    }
    #moreColorChoice div {
    	left: 0px;
    	bottom: 5px;
    	position: absolute;
    	height: 25px;
    	width: 174px;
    	border: 1px solid #999999;
    	z-index: 2px;
    }
    html
    Code:
    <a href="javascript:choicechange('colour','Sherwin Williams');" id="colourSherwinWilliams" title="Sherwin Williams"><img src="/sitestyle/modules/code/shutters/colours/paint-sw-small.jpg" alt="Sherwin Williams" width="70" height="70" /><br /><span>Sherwin Williams</span></a>
    <!--			<a href="javascript:choicechange('colour','Benjamin Moore');" id="colourBenjaminMoore" title="Benjamin Moore"><img src="/sitestyle/modules/code/shutters/colours/paint-sw-small.jpg" alt="Benjamin Moore" width="70" height="70" /><br /><span>Benjamin Moore</span></a>
    -->
    				<div id="moreColorChoice" style="display: none">
    					<label for="testinput">Search colors <img src="/sitestyle/images/help-icon-kh.gif" alt="help" width="11" height="11" title=" header=[Custom Color] body=[Pick a Sherwin Williams color Simply type the name, color or code into the box here for custom color shutters] cssheader=[ttheader] cssbody=[ttbody]"/></label><br />
    					<input type="text" id="Color_Search" name="Color_Search" onclick="colorName = this.value;this.value = ''" onBlur="if(this.value == ''){this.value = colorName;}"/>
    					<span id="color_indicator" style="display: none"><img src="/sitestyle/images/spinner.gif" alt="Working..." /></span>
    					<div id="currentColor"></div>
    				</div>
    Last edited by jarv; 11-09-2009 at 12:42 PM.


 

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •