Sidebar Widths Different in IE7 and FF2

[jrj127]

I like the new s9y-1.1 sidebar columns on the left and right sides of the articles. I see a problem in that Firefox-2 does not display the columns in the same way as IE7 (IE7 actually looks correct).

I use a Link List plugin on the left and various plugins on the right. The Link List plugin in FF2 shrinks too much so you cannot tell what the link text is. A work-around is when I have the Get Firefox image, the column expands to fit the image but you still cannot see enough of the Link List plugin to read the links.

Maybe this is an issue with the Link List plugin rather than a generic theme issue? My URL is http://www.briarhood.com.

Thanks for any help!

[d_cee]

Hi

you could try setting some widths in your style.css
For the

Code: Select all

#serendipityLeftSideBar 
#serendipityRightSideBar 

add

Code: Select all

width: 20%;

and then add this code below /* Entries */

Code: Select all

td#content {
width: 60%;
}

HTH

Dave

[jrj127]

Hi,

Thanks for the suggestions, I will try them out soon. Forgive my style sheet ignorance but why should I even need to change the widths? If anything, I thought Firefox would be the better-looking. Is there something in the new s9y code which has been overlooked?

[d_cee]

Hi

different browsers render objects differently on screen. It's unfortunate but a fact of life. I'm not sure what template you're actually using but I don't imagine FF2 or IE7 were even in development when it was designed. So maybe the template didn't need widths set when it was originally designed for the browsers that were around at the time.

In addition, the linklist plugin has the following code

Code: Select all

.dtree .clip {
	overflow: hidden;
}

so without a width set the sidebar is just filling whatever gap there is left for it and the overflow from the linklist is hidden.

HTH

Dave