WordPress.org

Forums

Text "Search" Appears in search box in Firefox but not Internet Explorer (8 posts)

  1. ranieri71
    Member
    Posted 2 years ago #

    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.

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    possibly a (css ?) compatibilty issue;

    what theme?

    what version of IE?

  3. ranieri71
    Member
    Posted 2 years ago #

    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.

  4. ranieri71
    Member
    Posted 2 years ago #

    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;
    }
  5. Andrew
    Nuh uh moderator
    Posted 2 years ago #

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

  6. ranieri71
    Member
    Posted 2 years ago #

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

  7. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    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
    http://dipaksblogonline.blogspot.co.uk/2012/02/html5-placeholder-in-ie7-and-ie8-fixed.html

  8. ranieri71
    Member
    Posted 2 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic