[scotty502]

Hi All,

I have successfully installed the forum here http://www.thecallover.co.uk/forums and all looks good in IE and FF – but in Chrome and Safari the layout is messed up.

I have searched the forums with others for similar problems but I see no definite fix.

Any help much appreciated.

[Jared Atchison]

You need to look at the CSS being applied to the #content. This looks more like a theme issue, not with bbPress.

I’d use Firebug or Chrome inspector to poke around. Specifically try changing the max-width to a set width.

[scotty502]

Thanks for the swift response. I fear that’s me stuck then.

I played and played with the theme css and the BP CSS and I could not get it work correctly. I have asked the theme author but he/she never seem to reply from previous issues – worrying.

Any suggestions to guidance?

[Jared Atchison]

Put this in your theme’s style.css

.bbPress #content {

width: 67%;

}

[scotty502]

Thanks – i did try that – but it made no difference. Or did you mean the style of bbpress theme?

Edit * I added it to the twentyten (default bbpress theme) and still the problem remains. I am sure its soooo simple but I am not that great at fault finding even with firebug.

[Jared Atchison]

Not sure what to tell you, everything looks OK in chrome to me.

[scotty502]

Well I stumped. I got quite excited thinking it must be a cache issue then – but even after clearing it (both Safari & Chrome) it looks the same as before. Hoepfully it is just a cache issue – but unless my cache is screwy…..

When you checked before did it look wrong – or has it always looked OK to you?

I have taken a screenshot – here. http://www.thecallover.co.uk/bbpresscssissue.jpg

[Jared Atchison]

I’m on the latest version of Chrome (OSX) and it looks fine.

http://sht.tl/okCbV

[scotty502]

Its looks great in your screenshot for sure – unfortunately I have tested on various machines all with the same result.

I fear that I have reached a dead end here – I may ask over WP forum – and see what can be done.

[John James Jacoby]

Most likely because the table layout is fixed and your containing element does not have any width associated to it.

#main table.bbp-topics,

#main table.bbp-forums,

#main table.bbp-replies {

table-layout: auto;

}

[scotty502]

Thanks for the response John – just so I am clear – should i paste the above in my main theme css? or bbpress theme css?

Sorry – bit of a css noob.

[Jared Atchison]

Put it in your theme’s style.css

[John James Jacoby]

Anywhere it will be applied. Don’t hack the core of anything that isn’t yours – I.E. bbPress, a theme you purchased, etc…