Page 1 of 1
Quicksearch behavior in different browsers
Posted: Tue Jun 05, 2007 6:21 pm
by 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!
Re: Quicksearch behavior in different browsers
Posted: Tue Jun 05, 2007 10:20 pm
by yellowled
dan wrote: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
Posted: Wed Jun 06, 2007 8:28 am
by 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!
Posted: Wed Jun 06, 2007 2:32 pm
by yellowled
dan wrote: 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
Posted: Thu Jun 07, 2007 12:37 am
by 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;
}
Posted: Sun Jun 17, 2007 7:04 pm
by dan
Thanks Don. It works fine now^^