Quicksearch behavior in different browsers

[dan]

So next day, the next little problem,
I really didn't edit the CSS of the normal quickearch sidebar plugin, because I really don't know how, but that's another story. Though the Title of this plugin behaves differently in Firefox 2.0.0.4 and IE 6. Here are the screenshots:

Firefox shows:


IE shows:


I recognized this the first time one and a half year ago (but didn't care then) and wanted to kill this mistake now, because I always use the same edited layout for new designs and wanted to get rid of the mistake. Probably it's a main CSS thing, but I guess you have a solution already.
thanks in advance!

[yellowled]

Probably it's a main CSS thing, but I guess you have a solution already.

An URL to this blog would have been nice. That way, I could have a look at your code and css and probably could have that solution. This way, I can only guess it's a box model problem, probably something with margins and paddings for the search box and/or title.

YL

[dan]

Hey,
i uploaded it for a little test yesterday and now it's online under www.crap.to, if you really want to have a look. i also think it's a problem like this. though i can't find a solution.
thanks in advance!

[yellowled]

i also think it's a problem like this. though i can't find a solution.

I can't, either, since I don't have an IE at hand. But you should try to play around with the margins and paddings for .serendipity_quicksearch_plugin and #searchform. Probably the best idea is to have an extra stylesheet ie.css which will be used for IE only if you integrate it like this in your index.tpl:

Code: Select all

<link rel="stylesheet" type="text/css" href="{$head_link_stylesheet}" />
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="{serendipity_getFile file="ie.css"}" />
<![endif]-->

Anything in ie.css will only be applied if view in an IE browser.

YL

[Don Chambers]

If you look closely, you will see that your problem is not just with the quicksearch, but also the categories.... that gives you a common denominator, that being forms with a type of input, albeit, 2 different types of input.

Try adding this to your style.css.... this does not need to be IE specific, and will not change the appearance in FF:

Code: Select all

div.serendipitySideBarContent form {
    margin: 0;
    padding: 0;
}

[dan]

Thanks Don. It works fine now^^