1 Topic by jon1 (edited by jon1 2009-03-24 00:43)

  • jon1
  • Junior Member
  • Offline
  • Registered: 2009-03-22
  • Posts: 2

Topic: Display errors in IE 7

Hi, I followed a tutorial to embed/integrate punBB into an existing webpage, all all seemed well until I checked it in IE 7.
The problem being the sub-header above the forums, ie the line:
                                 Forums                Topics  Posts    Last post

for some reason displays as:
Topics    Posts             Forums                                   Last post

Any ideas on where to look to try to fix this?
All other browsers I tried work fine.



Thanks.

  • Registered: 2008-07-24
  • Posts: 29

Re: Display errors in IE 7

I only see Forums and Last post. the Topics and post don't even show. Did you change anything in your language file? I had a IE7 problem and it was there that caused it.

  • Registered: 2009-03-22
  • Posts: 19

Re: Display errors in IE 7

I had this same issue, the way I ended up fixing it was by changing the following in Oxygen.css (or equivalent)

changed this:

.brd .item-summary .subject-title {
    padding-left: 1.417em;
    }

.brd .item-summary .info-topics,
.brd .item-summary .info-replies {
    margin-left: 100%;
    text-align: center;
    width: 7em;
    left: 965em;
    }

.brd .item-summary .info-forum {
    margin-left: 100%;
    text-align: center;
    width: 20em;
    left: 952em;
    }
.brd .item-summary .info-posts,
.brd .item-summary .info-views {
    margin-left: 100%;
    text-align: center;
    width: 7em;
    left: 972em;
    }

.brd .item-summary .info-lastpost {
    margin-left: 100%;
    left: 980em;
    }

.brd p.forum-noview .info-replies {
    left: 972em;
    }

to this:

.brd .item-summary .subject-title {
    margin-left: 20px;
    }

.brd .item-summary .info-topics,
.brd .item-summary .info-replies {
    text-align: center;
    margin-left: 380px;
    }

.brd .item-summary .info-forum {
    margin-left: 100%;
    text-align: center;
    width: 20em;
    left: 952em;
    }
.brd .item-summary .info-posts,
.brd .item-summary .info-views {
    margin-left: 470px;
    text-align: center;
    }

.brd .item-summary .info-lastpost {
    margin-left: 540px;
    }

.brd p.forum-noview .info-replies {
    margin-left: 460px;
    }

You'll need to tweak the numbers until you get everything positioned properly in Firefox, then in your Oxygen_ie7.css you may need to make some additional tweaks to get it to look right, though for me I don't think it was necesarry.  (Tried initially just tweaking in the ie7 css, but the margin-left was set to 100% so it wouldn't let me I suppose, maybe there was a better way to do it, but it worked)

4 Reply by jon1 (edited by jon1 2009-03-24 00:46)

  • jon1
  • Junior Member
  • Offline
  • Registered: 2009-03-22
  • Posts: 2

Re: Display errors in IE 7

Yes, changing/tweaking those css values worked.

Thanks.