[TYPO3-dev] indexed search: where is the css template?

[Christopher]

Hello again,

On 3/20/06, Robert Markula <robert.markula at gmx.net> wrote:
> Michael Stucki wrote:
> (...)
> > I've changed the result browser from table to an unsorted list short before
> > RC1. I didn't check if your template is prepared for that change (since
> > that code was partly generated by PHP). Please check.
>
> Nice :)
>
> The result browser could be styled like this:
> Page 1   Page 2   Page 3   Page 4
> using:
> ul.browsebox li { list-style:none; margin-right:1em; float:left; }.
>
> But how can I clear the float after the result browser? IMHO I'd need
> something like
> <div class="clear_right"><!-- [blind text] --></div>
>
> and in CSS:
> div.clear_right { clear:right; }.
>
> Other ideas?

There are a couple of ways. Unfortunately, it's pretty dependent on
the layout that the indexed search template finds itself IN. You may
find the following articles helpful. It comes down to

a) clearing div (your method above, though the css should probably be
'clear:both;')
b) ul.browsebox:after { content:"."; clear:both; } [simplified a bit
to make it clearer...]
c) overflow:auto;
d) ul.browsebox { float:left }

I very often use option d, but I think your clearing div is probably
the least likely to break the variety of layouts where the indexed
search is likely to be used...

-Christopher

http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/
http://www.positioniseverything.net/easyclearing.html