WordPress.org

1. randomdeanna
   Member
   Posted 6 years ago #

   Check dis out:

   http://www.deannazandt.com/

   In the sidebar (right side), there's a search form at the very bottom which looks fine in Firefox, but is messing things up in IE. It's too big for the width of the div.

   So I shrunk it down to size="5" just to play with it, and it's still displaying at the same size in both browsers. What's weird is that if you search for something on the site that isn't there (i.e., "fdjklsj"), you get the little search page which has the correct form entry size.

   Removing the search altogether fixes the layout issue in IE.

   Help?

   Some related CSS:

   
.EntryForm {
background-color: #FFFFFF;
border: 1px solid #FF7F00;
font-family: Verdana, Helvetica, sans-serif;
font-size: 8.5pt;
margin: 0px;

   }

   .SubmitButton {
font-family: Verdana, Helvetica, sans-serif;
font-size: 7.5pt;
font-weight: bold;
color: #FFFFFF;
background-color: #890C08;
margin: 0px;
padding: 1px;
border: 1px solid #CCCCCC;
}
#searchformNew form {
margin: 0px;
padding: 0px;
left: -2px;
}


   (that last bit was added after searching the forums for similar problems)

   thanks so much!

2. randomdeanna
   Member
   Posted 6 years ago #

   Figured it out. For the common good, the problem was that there was some leftover styling in my CSS (from the template I'm basing the design on) which was setting the width of the search form input in the #sidebar. Ugh. I found it and removed it.

Topic Closed

This topic has been closed to new replies.