Forgot?

CSS Issue - Layout & troubles in IE7 / IE8

Reply Topic
Link to this post 24 Jan 11

In IE7 I have a number of problems:

[ul][li]The layout of the topic toolbar (stacks the buttons instead of being in-line)[/li]
[li]The BB editing window (displays very wide and no graduation to the icon toolbar or text editing area)[/li]
[li]Misalignment of the Preview & Submit buttons.[/li]
[/ul]

Firefox, Safari & Chrome are all absolutely fine.

In IE8 the layout is OK but 2 buttons refuse to render their background graphic.

There is also really strange layout (frankly looks a mess!) when using the Preview function in all browsers.

www.icesailing.co.uk [Mark - you still have access to this site as admin!]

Thanks in anticipation

Chris

Link to this post 24 Jan 11

Hi Chris,

I spent a bit of time on this, and think I've made a dent in some of the issues you mentioned. I fear spending too much time with IE, lest I lose my sanity, but let me know if I have missed anything and I'll go back in (tomorrow).

Cheers,
Mark

Link to this post 24 Jan 11

Thanks again for your time, Mark. I don't see any differences in IE7? What issues do you think you've managed to make progress on so far?

Thanks

Chris

Link to this post 24 Jan 11

Hi Chris,

Did you try clearing your browser cache? You might need to do that (CTRL+SHIFT+R).

I think I fixed the IE8 button color issue, and the IE7 button layout (stacking) issue.

The Preview issue is a new one I've never seen before but is much more than just a CSS issue, so I'll have to hand that over the Stian to fix.

Link to this post 24 Jan 11

Yes, that's what was needed - the top buttons are now inline, although the Preview & Submit ones don't line up yet + the width of the text entry box still makes it overlap across the right column where the details of the message poster is displayed. Think you've earned your evening with a glass of vino for now :-)

Yes, the preview is most unusual!

Thanks again.

Chris

Link to this post 26 Jan 11

Mark Simpson wrote:


The Preview issue is a new one I've never seen before but is much more than just a CSS issue, so I'll have to hand that over the Stian to fix.

Just wondering how the investigations are going?

Many thanks!

Link to this post 27 Jan 11

Hi Chris,

The site preview issue appears to be caused by a plugin you are using called joomseo. Disabling the plugin fixes the issue.

I've fixed the button alignment issue, as well as the width of the textarea.

The background gradients are a CSS3 feature that is unsupported by IE7, hence not appearing in that browser. With IE9 coming out soon, and IE7 use dropping rapidly, I don't think that is a significant issue given that it doesn't impede functionality.

Is that ok with you?

Kind regards,
Mark

Link to this post 27 Jan 11

Hi,

I can report that we just had the same problem on a site using sh404SEF.
So at this stage I suspect something is up in our SEF router in Ninjaboard.

We've figured out the cause, but are still investigating the solution.

Link to this post 27 Jan 11

Thanks, guys - you are both true pros! Ninjaforge offers some of the best support out there.

Yes, we can live without background gradients .... and as for IE, you wouldn't believe the number of clients I deal with who are still on version 6 (mostly schools actually), never mind the dizzy heights of IE7 or IE8. Perhaps they can be persuaded to leap straight to version 9 .... I live in hope.

I look forward to hearing further news on the fixing the gremlins that appear when we all try to make our sites SEO friendly ;)

Cheers

Chris

Link to this post 27 Jan 11

Thanks for the kind words, Chris.

Feel free to post a review on the JED :)

BTW we acknowledge that there are is a significant section of web users that still use IE6 and 7, and we are committed to supporting these browsers. However, at this point we only aim to maintain consistent "functionality" cross-browser. Keeping the styling pixel-perfect on the legacy browsers isn't something we can support at this point, but we will definitely give it a higher priority once Ninjaboard is more mature :)

Cheers,
Mark

Link to this post 28 Jan 11

Hi Chris,

Can you try this package for us: http://cl.ly/1a1R38192n252J2n0F24 ?

We've changed our SEF router in 1.1 a little, it should resolve the problem you're experiencing with JoomSEO.

Thanks

Link to this post 28 Jan 11

Hi Stian

I'd be very happy to. Am out on a site visit this morning but will give it a try this afternoon. Any special upgrade instructions? Over the top of existing installation or an uninstall first. Also, it won't affect any of the IE7 tweaks that Mark has done on the site will it?

Many thanks

Chris

Link to this post 28 Jan 11

Hi Chris,

Glad to hear that.

Just install it over the existing installation; there is no need to uninstall first.
No, it won't affect my IE7 changes, as those were applied to your Joomla template.

Cheers,
mark

Link to this post 28 Jan 11

That's everything I needed (and expected!) to hear. Leaving right now so will report in later ....

Cheers

Chris

Link to this post 28 Jan 11

Sorry this took me longer to test than envisaged. I just did the install. At first I thought that nothing was happening when I clicked Preview. Then I realised that the content in the editing pane itself was actually changing. See attached.

The story is not so great with older browsers. IE7 renders the preview text on top of the original text. I'll post a screenshot of this in a moment......

Cheers

Chris

Link to this post 28 Jan 11

.... and here is what happens in IE7:

Link to this post 28 Jan 11

Hmmm - am getting some 404 errors now when deleting a post and replying to posts .....

Just using the standard Joomla SEF urls

Link to this post 28 Jan 11

Thanks for the reports, siteease.

Looks like something Stian has to look at. That'll probably happen on Monday. I am in fact going to suggest to him removing the preview feature altogether until we can develop a better system. Preview is a "nice to have" not a "must have", so it would be better to go without it than to have the feature poorly implemented... in my opinion anyway.

Could you please post the 404 issue in a new thread, as this one is about the IE7/IE8 issues.

Thanks

Link to this post 28 Jan 11

Mark Simpson wrote:


Could you please post the 404 issue in a new thread, as this one is about the IE7/IE8 issues.

Thanks

The 404 (actually it seems to be a 500) error is only present with the alpha version you asked me to test and affects all browsers. Do you still want it in a new thread?

Link to this post 28 Jan 11

Mark Simpson wrote:

I am in fact going to suggest to him removing the preview feature altogether until we can develop a better system. Preview is a "nice to have" not a "must have", so it would be better to go without it than to have the feature poorly implemented... in my opinion anyway.

It actually works quite nicely in latest browsers and as a preview system it is an improvement on many other forums, IMO. Worth sticking at, I think ...

Cheers

Chris

Link to this post 02 Feb 11

Hi,

The IE7 preview overlay bug should be easy to fix.
We're likely using the css opacity on it, so changing to visibility: hidden, display: none or that propietary MS alpha filter should resolve it.

As for the redirect issue, it should be resolved in this nightly: http://cl.ly/221z040O2W3s3P3B2j3h

Cheers

Link to this post 02 Feb 11

Hi Guys

I have applied the latest nightly build (1.0.4) and, whilst the redirect is solved, the original preview issues have returned ???

Link to this post 02 Feb 11

Oh the joys of beta testing, eh? ;)

Let me sync up fixes between 1.1 and 1.0 and send you another copy :)

Cheers

Link to this post 02 Feb 11

That's great, Stian. I'm turning in now ... midnight in UK ;-)

Many thanks

Chris

Link to this post 03 Feb 11

No probs, I'll just leave this here until you get back: http://cl.ly/0R2909323C1O0o42171V

Link to this post 03 Feb 11

Sorry, Stian, but there is no fix for the preview in this version .... things still looking the same as originally reported at the beginning of this thread. It was working in v1.1Alpha_rev1501 (with the exception of overlays in IE7 and the routing error that produced some page not found errors).

Link to this post 16 Feb 11

Hi again, here's updated versions you could try: http://cl.ly/3o1i3y2o2z1E1q293C1U

Link to this post 16 Feb 11

Thanks, Stian. I'll try them out Thursday and report back ....

Chris

Link to this post 17 Feb 11

Thanks :)

Link to this post 18 Feb 11

Other projects got in the way but I have now been able to try the 1.1 Alpha release. The page not found errors have gone; the preview works in all browsers except IE7 (haven't had time to try IE8 yet) where it still overlays above the unformatted text. I can put up with that for now, thanks.

Link to this post 18 Feb 11

Ah you're right, I completely forgot about the overlay issue!

Let me sort that out asap :)

Glad to hear the other issue are resolved now!

Cheers

Link to this post 19 Feb 11

Hi,

I've just released 1.0.4 to the public, which includes a fix to the overlay bug.

And I also just finished merging fixes from 1.0.4 into 1.1 and made you this package: http://cl.ly/3C1t3o1n0j3e2j1X3J3M

Cheers

Link to this post 19 Feb 11

Hey, that's a neat 1.1 Alpha package, Stian! The preview works great now in IE. Thought Preview had been lost altogether at first .... then I spotted the magnifying glass in the editor toolbar. Hats off to you once again :-)

Cheers

Chris

Link to this post 19 Feb 11

Awesome! :)

Home Forum Joomla Extension Support NinjaBoard CSS Issue - Layout & troubles in IE7 / IE8