Empty space between the categories (vertical)

[Christoffer Bol]

Hello

Can i get some help making the categories to display exactly the same way in Internet Explorer and Firefox?

Im not using the subcategories display on index, so i want to remove the empty space between the category names (vertical).

If anyone here got firefox, its like that i want it to be in internet explorer too.

Thanks for all help! :)

[Shannon Hutcheson]

This question has been answered before. I've asked it even lol. Not sure what you could use to search for this already answered post though.

Check your CSS file for the category related divs

[Christoffer Bol]

This question has been answered before. I've asked it even lol. Not sure what you could use to search for this already answered post though.

Check your CSS file for the category related divs

Hum, okey! Im new here, but i can try to search around the forum.
I found just the 10px margin underneath the categories, but its not that im looking for.

[Greg]

Hi Christoffer Welcome :)

What you want to do is add 100% height in a couple places.

Open the css file and find:
div.categories div.col
{
float: left;
text-align: left;
padding-right: 40px;
width: 210px;
}
div.categories div.last
{
float: left;
text-align: left;
width: 180px;
}

and change it to:
div.categories div.col
{
float: left;
text-align: left;
padding-right: 40px;
width: 210px;
height:100%;
}
div.categories div.last
{
float: left;
text-align: left;
width: 180px;
height:100%;
}

[Christoffer Bol]

Hmm, i tried the 100% height thing with no luck...
I dont want to set any height... I just want to remove the empty space under every category name... It's perfect in firefox, but in IE its more empty space between the categories (vertical).

So anyone can help to get the categories to display like they do in firefox? in every browser... :)

[Christoffer Bol]

Simon or Greg, please help :)

[Greg]

You got me? 100% or using "auto" for height has always worked.
Which template is that you modified and what version of eSyndiCat?

[Christoffer Bol]

Version 1.5 and the SunnyDay template.

I tried 100% and auto height. Nothing changes.. Still big spaces in ie and firefox its still perfect.

In ie its looks like a
tag below each category name. I really want and need the site to look exactly like it does in firefox in IE too.

Thanks for helping! :applause:

[Simon Gooffin]

Hi
it's possible this solution will help you.

*** open Layout.php from your templates directory ***

*** find the following code ***
$out .= '<div class="divider"></div>';

*** change it to the following ***
$out .= '<div class="divider">'.$gDirConfig['base'].$gDirConfig['dir'].$gDirConf ig['templates'].$gDirConfig['tmpl'].'/img/sp.gif</div>';

*** save changes ***

[Christoffer Bol]

Wow ;) Thanks man! :yahoo:

[Simon Gooffin]

I'm glad to advise ;)

[Greg]

Good Simon. Had me stumped. :blink: auto or 100% always worked before.

[Simon Gooffin]

Good Simon. Had me stumped. :blink: auto or 100% always worked before.
yeah, I know. But this is IE ;) sometimes you should use something like spacer image in empty element

[sdawkins]

When I apply this mod Simon I get this turn-out (see attached)

Thanks.

[Christoffer Bol]

Hello again!

I tried to do this with the new pro version, but cant get it to work.. :( Its just displaying this (below the categories)

http://www.allebutikker.no/templates/Aqua/img/sp.gif