Page 1 of 1

Bulletproof and IE 5.5 and 6.0

Posted: Wed Dec 19, 2007 4:25 pm
by Easyfunk
Hello,

I have a question on the bulletproof theme (1.2 with s9y 1.2.1). I'm using Firefox under Linux, so today I made some browsershots to see how the site (http://www.welt-hertha-linke.de) looks with other browsers. I fixed some things but was left with one issue. Using Internet Explorer 6 or lower, the text of the right sidebar is not displayed well. Some words are cut. There are around 20% percent of my visitors who are still using IE 6 or lower.
I installed IE 6 on my Linux (arrgh) for testing it. But the Result is the same. I think not everyone has the possibilty using IE 6, so I made a sreenshot:
Image

Thanks for your help!

Posted: Wed Dec 19, 2007 9:21 pm
by Don Chambers
I think your left side bar content for tags is overflowing the container.

Posted: Thu Dec 20, 2007 9:38 am
by Easyfunk
Hi Don,

you're right, that's the point. Does anyone has an idea how to fix this. The content of the freetag-plugin is styled by the .serendipitySideBarContent css class, which looks like this:

Code: Select all

font-size: 80%;
padding: 3px;
background-color: #fff;
margin: 0;
So I added the atribute:

Code: Select all

 overflow:hidden; 
But this doesn't solve the problem. An other idea would be to shorten the tags. But that schould be the last step. Any other ideas?

Thanks!

Posted: Thu Dec 20, 2007 11:18 am
by yellowled
Easyfunk wrote:you're right, that's the point. Does anyone has an idea how to fix this. The content of the freetag-plugin is styled by the .serendipitySideBarContent css class, which looks like this:
You should probably apply it to the container, not just the content.

Code: Select all

.container_serendipity_plugin_freetag {
overflow: hidden;
}
Plus, you have overflow: visible; for .serendipitySideBarItem. You may need to overwrite this for said container by adding an !important to the code above.

YL

Posted: Thu Dec 20, 2007 4:57 pm
by Easyfunk
Thanks for your advice with this css things. But this doesn't work for me. I added these lines with the !important into my bulletproof css file. But the tags still overflow. I would be grateful for any further information or ideas.

Regards
Enno

Edit:
For now, I made a workaround placing the tags on the right sidebar... :roll: