Skip to:
Content
Pages
Categories
Search
Top
Bottom

Safari and Chrome messed up layout


  • scotty502
    Member

    @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.

Viewing 12 replies - 1 through 12 (of 12 total)
  • 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
    Member

    @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?

    Put this in your theme’s style.css

    .bbPress #content {
    width: 67%;
    }


    scotty502
    Member

    @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.

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


    scotty502
    Member

    @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

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

    http://sht.tl/okCbV


    scotty502
    Member

    @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
    Keymaster

    @johnjamesjacoby

    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
    Member

    @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.

    Put it in your theme’s style.css


    John James Jacoby
    Keymaster

    @johnjamesjacoby

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

Viewing 12 replies - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.
Skip to toolbar