• Anyone know why this would be happening? The word “Search” is there by default in Firefox, but in interent explorer its just blank, i even tried to highlight it to see if it was hidden but there is nothing there. i would like it to appear in both.

Viewing 7 replies - 1 through 7 (of 7 total)
  • possibly a (css ?) compatibilty issue;

    what theme?

    what version of IE?

    Thread Starter ranieri71

    (@ranieri71)

    checked this in IE 8 (also firefox 17.0.1).

    Theme is child of Twenty Eleven, but with very minimal changes.

    Thanks for your suggestions.

    Thread Starter ranieri71

    (@ranieri71)

    Now that I think about it I recall the search bar was one of the areas we changed in the child, I think to reduce the size. I guess it won’t hurt to put the code in here. Let me know if you see anything that you think could be causing this or if this is the wrong section of code.

    /* Search Form */
    #branding #searchform {
    	position: absolute;
    	top: 3.8em;
    	right: 3.6%;
    	text-align: right;
    }
    #branding #searchform div {
    	margin: 0;
    }
    #branding #s {
    	float: right;
    	-webkit-transition-duration: 400ms;
    	-webkit-transition-property: width, background;
    	-webkit-transition-timing-function: ease;
    	-moz-transition-duration: 400ms;
    	-moz-transition-property: width, background;
    	-moz-transition-timing-function: ease;
    	-o-transition-duration: 400ms;
    	-o-transition-property: width, background;
    	-o-transition-timing-function: ease;
    	width: 72px;
    }
    #branding #s:focus {
    	background-color: #f9f9f9;
    	width: 196px;
    }
    #branding #searchsubmit {
    	display: none;
    }
    #branding .only-search #searchform {
    	top: 5px;
    	z-index: 1;
    }
    #branding .only-search #s {
    	background-color: #666;
    	border-color: #000;
    	color: #222;
    }
    #branding .only-search #s,
    #branding .only-search #s:focus {
    	width: 85%;
    }
    #branding .only-search #s:focus {
    	background-color: #bbb;
    }
    #branding .with-image #searchform {
    	top: auto;
    	bottom: -27px;
    	max-width: 195px;
    }
    #branding .only-search + #access div {
    	padding-right: 205px;
    }
    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    The placeholder HTML5 attribute https://snag.gy/m0Yhg.jpg is not recognised in IE8.

    Thread Starter ranieri71

    (@ranieri71)

    Is there any way to include this text where it will be visible in IE8?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I don’t know what effect this will have; you could try replacing ‘placeholder’ with ‘value’ in the template file (using a Child Theme).

    Or you could try a jQuery solution
    https://dipaksblogonline.blogspot.co.uk/2012/02/html5-placeholder-in-ie7-and-ie8-fixed.html

    Thread Starter ranieri71

    (@ranieri71)

    I would be willing to try this but I am not sure what file should be updated.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Text "Search" Appears in search box in Firefox but not Internet Explorer’ is closed to new replies.