Page 1 of 4 1234 LastLast
Results 1 to 10 of 34

Thread: What is causing the behaviour change?

  1. #1
    Adendum
    Guest

    Default What is causing the behaviour change?

    Hi,

    Not sure (read 'he has not a clue') what the cause of this is
    but....typically the pages work properly in everything but IE.

    As an example if you visit

    http://www.test.adendum.co.uk/client...d_choices.html

    using FF and hover over the bold blue and dotted underlined words
    (spoiling, nutrients and saturated fats) you will see a .css pop-up that
    displays a definition from the glossary (a text file). The pop-up is set
    to max height and width of 250px wide.

    Now visit in IE and two things happen. First you'll see that the page
    jumps or shifts position (which is quite unexpected and disconcerting)
    and the second thing you'll see is that the size instructions are
    ignored and each pop up is a different size. In other pages some of the
    pop ups are very narrow in IE but still 250px in FF and others.

    Any ideas?

    Paul.

    ===========
    The source code came from
    http://code.google.com/p/glossary-js/
    jquery.js (supplied - untouched)
    glossary.js (supplied - untouched)
    glossary.css (supplied - modified)
    glossary.txt (I have created)



  2. #2
    Adendum
    Guest

    Default Re: What is causing the behaviour change?

    I think I know but not sure of the cure...either!

    When I browse in IE8 and use the developer tools I can change to Browser
    Mode IE7 and change from Quirks Mode to IE7 Standards and the pages
    using this glossary act far better.

    So can you force a page to run in IE8 under IE7 mode?

    Or is there a better way?

    Paul.



    On 19/03/2010 20:24, Adendum wrote:
    > Hi,
    >
    > Not sure (read 'he has not a clue') what the cause of this is
    > but....typically the pages work properly in everything but IE.
    >
    > As an example if you visit
    >
    > http://www.test.adendum.co.uk/client...d_choices.html
    >
    > using FF and hover over the bold blue and dotted underlined words
    > (spoiling, nutrients and saturated fats) you will see a .css pop-up that
    > displays a definition from the glossary (a text file). The pop-up is set
    > to max height and width of 250px wide.
    >
    > Now visit in IE and two things happen. First you'll see that the page
    > jumps or shifts position (which is quite unexpected and disconcerting)
    > and the second thing you'll see is that the size instructions are
    > ignored and each pop up is a different size. In other pages some of the
    > pop ups are very narrow in IE but still 250px in FF and others.
    >
    > Any ideas?
    >
    > Paul.
    >
    > ===========
    > The source code came from
    > http://code.google.com/p/glossary-js/
    > jquery.js (supplied - untouched)
    > glossary.js (supplied - untouched)
    > glossary.css (supplied - modified)
    > glossary.txt (I have created)
    >
    >


  3. #3
    Adendum
    Guest

    Default Re: What is causing the behaviour change?


    I kinda found a fix, with a big BUT....

    I've just re-published the entire site using the FIXED LAYOUT option in
    NOF and this cured the jumping and size issues for all the pages using
    the glossary. Deep joy!

    Here's the BUT. Three pages were badly affected (one is pretty much
    destroyed) and several have minor damage.

    Working pages and no problem:-
    http://www.test.adendum.co.uk/client...d_choices.html
    http://www.test.adendum.co.uk/client.../gm_foods.html
    http://www.test.adendum.co.uk/client...processed.html
    http://www.test.adendum.co.uk/client..._and_mood.html
    http://www.test.adendum.co.uk/client...gredients.html
    http://www.test.adendum.co.uk/client...additives.html

    Working pages and minor damage:-
    (pages massively extended - domcollapse causing the problem?)
    http://www.test.adendum.co.uk/client2/html/organic.html
    http://www.test.adendum.co.uk/client2/html/safety.html
    http://www.test.adendum.co.uk/client2/html/need.html

    Totally destroyed:-
    http://www.test.adendum.co.uk/client...onal_food.html

    Totally destroyed but re-published again using the Dynamic option.
    http://www.test.adendum.co.uk/client2/html/faqs.html
    http://www.test.adendum.co.uk/client.../glossary.html


    Am I going about this the wrong way?

    Would really appreciate some insight here as I'm stabbing around in the
    dark and I really don't want to be publishing some pages one way, and
    other in another way.

    5:45am here - best go to bed huh!

    Thanks guys! I know someone out there has more brain cells than me!

    Paul.

    On 20/03/2010 04:58, Adendum wrote:
    > I think I know but not sure of the cure...either!
    >
    > When I browse in IE8 and use the developer tools I can change to Browser
    > Mode IE7 and change from Quirks Mode to IE7 Standards and the pages
    > using this glossary act far better.
    >
    > So can you force a page to run in IE8 under IE7 mode?
    >
    > Or is there a better way?
    >
    > Paul.
    >
    >
    >
    > On 19/03/2010 20:24, Adendum wrote:
    >> Hi,
    >>
    >> Not sure (read 'he has not a clue') what the cause of this is
    >> but....typically the pages work properly in everything but IE.
    >>
    >> As an example if you visit
    >>
    >> http://www.test.adendum.co.uk/client...d_choices.html
    >>
    >> using FF and hover over the bold blue and dotted underlined words
    >> (spoiling, nutrients and saturated fats) you will see a .css pop-up that
    >> displays a definition from the glossary (a text file). The pop-up is set
    >> to max height and width of 250px wide.
    >>
    >> Now visit in IE and two things happen. First you'll see that the page
    >> jumps or shifts position (which is quite unexpected and disconcerting)
    >> and the second thing you'll see is that the size instructions are
    >> ignored and each pop up is a different size. In other pages some of the
    >> pop ups are very narrow in IE but still 250px in FF and others.
    >>
    >> Any ideas?
    >>
    >> Paul.
    >>
    >> ===========
    >> The source code came from
    >> http://code.google.com/p/glossary-js/
    >> jquery.js (supplied - untouched)
    >> glossary.js (supplied - untouched)
    >> glossary.css (supplied - modified)
    >> glossary.txt (I have created)
    >>
    >>


  4. #4
    Technology Ideas
    Guest

    Default Re: What is causing the behaviour change?

    To make the document mode behave as it would in Internet Explorer 7, you can
    use the following:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

    To force IE7 standards mode regardless of doctype, use this:
    <meta http-equiv="X-UA-Compatible" content="IE=7">
    --
    Andrew Baker
    Technology Ideas
    http://www.technologyideas.com.au
    Australia

    "Adendum" <Adendum@hotmail.co.uk> wrote in message
    news:ho1ns0$rjh$1@DailyPlanet.news.netobjects.com. ..
    >
    > I kinda found a fix, with a big BUT....
    >
    > I've just re-published the entire site using the FIXED LAYOUT option in
    > NOF and this cured the jumping and size issues for all the pages using the
    > glossary. Deep joy!
    >
    > Here's the BUT. Three pages were badly affected (one is pretty much
    > destroyed) and several have minor damage.
    >
    > Working pages and no problem:-
    > http://www.test.adendum.co.uk/client...d_choices.html
    > http://www.test.adendum.co.uk/client.../gm_foods.html
    > http://www.test.adendum.co.uk/client...processed.html
    > http://www.test.adendum.co.uk/client..._and_mood.html
    > http://www.test.adendum.co.uk/client...gredients.html
    > http://www.test.adendum.co.uk/client...additives.html
    >
    > Working pages and minor damage:-
    > (pages massively extended - domcollapse causing the problem?)
    > http://www.test.adendum.co.uk/client2/html/organic.html
    > http://www.test.adendum.co.uk/client2/html/safety.html
    > http://www.test.adendum.co.uk/client2/html/need.html
    >
    > Totally destroyed:-
    > http://www.test.adendum.co.uk/client...onal_food.html
    >
    > Totally destroyed but re-published again using the Dynamic option.
    > http://www.test.adendum.co.uk/client2/html/faqs.html
    > http://www.test.adendum.co.uk/client.../glossary.html
    >
    >
    > Am I going about this the wrong way?
    >
    > Would really appreciate some insight here as I'm stabbing around in the
    > dark and I really don't want to be publishing some pages one way, and
    > other in another way.
    >
    > 5:45am here - best go to bed huh!
    >
    > Thanks guys! I know someone out there has more brain cells than me!
    >
    > Paul.
    >
    > On 20/03/2010 04:58, Adendum wrote:
    >> I think I know but not sure of the cure...either!
    >>
    >> When I browse in IE8 and use the developer tools I can change to Browser
    >> Mode IE7 and change from Quirks Mode to IE7 Standards and the pages
    >> using this glossary act far better.
    >>
    >> So can you force a page to run in IE8 under IE7 mode?
    >>
    >> Or is there a better way?
    >>
    >> Paul.
    >>
    >>
    >>
    >> On 19/03/2010 20:24, Adendum wrote:
    >>> Hi,
    >>>
    >>> Not sure (read 'he has not a clue') what the cause of this is
    >>> but....typically the pages work properly in everything but IE.
    >>>
    >>> As an example if you visit
    >>>
    >>> http://www.test.adendum.co.uk/client...d_choices.html
    >>>
    >>> using FF and hover over the bold blue and dotted underlined words
    >>> (spoiling, nutrients and saturated fats) you will see a .css pop-up that
    >>> displays a definition from the glossary (a text file). The pop-up is set
    >>> to max height and width of 250px wide.
    >>>
    >>> Now visit in IE and two things happen. First you'll see that the page
    >>> jumps or shifts position (which is quite unexpected and disconcerting)
    >>> and the second thing you'll see is that the size instructions are
    >>> ignored and each pop up is a different size. In other pages some of the
    >>> pop ups are very narrow in IE but still 250px in FF and others.
    >>>
    >>> Any ideas?
    >>>
    >>> Paul.
    >>>
    >>> ===========
    >>> The source code came from
    >>> http://code.google.com/p/glossary-js/
    >>> jquery.js (supplied - untouched)
    >>> glossary.js (supplied - untouched)
    >>> glossary.css (supplied - modified)
    >>> glossary.txt (I have created)
    >>>
    >>>

    >




  5. #5
    Adendum
    Guest

    Default Re: What is causing the behaviour change?


    That's the fix!

    The emulate version doesn't quite do it but IE=7 does.

    So I've changed back to dynamic publishing with the IE=7 tag and all is
    green in the garden!

    What a pain.

    Thanks.

    Paul

    On 20/03/2010 06:40, Technology Ideas wrote:
    > To force IE7 standards mode regardless of doctype, use this:
    > <meta http-equiv="X-UA-Compatible" content="IE=7">


  6. #6
    Adendum
    Guest

    Default Re: What is causing the behaviour change?


    I lied.

    Apparently it's a fix if you are an IE8 user. But IE7 users still see
    the pages jumping when hovering over these glossary terms.

    I despair.



    On 20/03/2010 14:53, Adendum wrote:
    >
    > That's the fix!
    >
    > The emulate version doesn't quite do it but IE=7 does.
    >
    > So I've changed back to dynamic publishing with the IE=7 tag and all is
    > green in the garden!
    >
    > What a pain.
    >
    > Thanks.
    >
    > Paul
    >
    > On 20/03/2010 06:40, Technology Ideas wrote:
    >> To force IE7 standards mode regardless of doctype, use this:
    >> <meta http-equiv="X-UA-Compatible" content="IE=7">


  7. #7
    Derek
    Guest

    Default Re: What is causing the behaviour change?

    On 20/03/2010 16:53, Adendum wrote:
    >
    > I lied.
    >
    > Apparently it's a fix if you are an IE8 user. But IE7 users still see
    > the pages jumping when hovering over these glossary terms.
    >
    > I despair.
    >
    >
    >


    Just a thought; on the page that's playing silly b's, manually edit the
    DOCTYPE post-publish. It'll probably have something like:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    which is incomplete. It should be something like this:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

    - note the missing URL in the first declaration. That causes the browser
    to kick in to quirks mode, when all bets are off. Could be what's
    causing the IE (7&8) issues. Slightly irritatingly, NOF creates a
    correct DOCTYPE if you do a Semantic XHTML publish, but not otherwise.

    http://www.w3schools.com/tags/tag_DOCTYPE.asp for other options.

  8. #8
    Nancy O.
    Guest

    Default Re: What is causing the behaviour change?

    <So can you force a page to run in IE8 under IE7 mode?>

    Yes, you can. This Meta Tag forces HTML doc types to render page in Standard
    IE7 mode.

    <meta http-equiv="X-UA-Compatible" content="IE=7">

    While this Meta Tag forces XHTML doc types to emulate IE7.

    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>


    --
    Nancy O.
    Alt-Web Design & Publishing
    Web | Print | Media Specialist
    www.alt-web.com
    www.twitter.com/altweb
    www.alt-web.blogspot.com

    "Adendum" <Adendum@hotmail.co.uk> wrote in message
    news:ho1l1d$qdh$1@DailyPlanet.news.netobjects.com. ..
    >I think I know but not sure of the cure...either!
    >
    > When I browse in IE8 and use the developer tools I can change to Browser
    > Mode IE7 and change from Quirks Mode to IE7 Standards and the pages using
    > this glossary act far better.
    >
    > So can you force a page to run in IE8 under IE7 mode?
    >
    > Or is there a better way?
    >
    > Paul.
    >
    >
    >
    > On 19/03/2010 20:24, Adendum wrote:
    >> Hi,
    >>
    >> Not sure (read 'he has not a clue') what the cause of this is
    >> but....typically the pages work properly in everything but IE.
    >>
    >> As an example if you visit
    >>
    >> http://www.test.adendum.co.uk/client...d_choices.html
    >>
    >> using FF and hover over the bold blue and dotted underlined words
    >> (spoiling, nutrients and saturated fats) you will see a .css pop-up that
    >> displays a definition from the glossary (a text file). The pop-up is set
    >> to max height and width of 250px wide.
    >>
    >> Now visit in IE and two things happen. First you'll see that the page
    >> jumps or shifts position (which is quite unexpected and disconcerting)
    >> and the second thing you'll see is that the size instructions are
    >> ignored and each pop up is a different size. In other pages some of the
    >> pop ups are very narrow in IE but still 250px in FF and others.
    >>
    >> Any ideas?
    >>
    >> Paul.
    >>
    >> ===========
    >> The source code came from
    >> http://code.google.com/p/glossary-js/
    >> jquery.js (supplied - untouched)
    >> glossary.js (supplied - untouched)
    >> glossary.css (supplied - modified)
    >> glossary.txt (I have created)
    >>
    >>



  9. #9
    Adendum
    Guest

    Default Re: What is causing the behaviour change?

    Hi,

    Anyone still using IE7 and can test something for me?

    I've published in every combination now and by far the best results are
    XHTML. Generally speaking the tool-tip I am using for the glossary words
    are fine in FF, Chrome, Safari and IE8. But my client, and no doubt one
    or two others out there, still have IE7.

    The only problem I have left is to solve the 'jumping' problem. In all
    browsers bar IE7 the behaviour of the too-tip is as expected but in IE7
    the whole page jumps considerably when hovering over the links.

    Examples here:-

    Food Choices - this has three glossary links
    http://www.test.adendum.co.uk/client...d_choices.html

    Food & Mood - this has a couple of glossary links at the right side
    http://www.test.adendum.co.uk/client..._and_mood.html

    The Food Choices page does not contain
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> whereas the
    Food & Mood page does.

    If you have IE7 can you tell me what you see when hovering if not (like
    me) any ideas?


    N.B. I have renamed the menu file so the menu bar does not appear - this
    is deliberate!


    Paul

  10. #10
    Technology Ideas
    Guest

    Default Re: What is causing the behaviour change?

    Just a tip for you, try downloading the free Microsoft Super Preview. That
    will show you what pages look like in IE6 & 7. Quite handy I've found.

    http://www.microsoft.com/downloads/d...displaylang=en

    --
    Andrew Baker
    Technology Ideas
    http://www.technologyideas.com.au
    Australia

    "Adendum" <Adendum@hotmail.co.uk> wrote in message
    news:ho8s4s$7nu$1@DailyPlanet.news.netobjects.com. ..
    > Hi,
    >
    > Anyone still using IE7 and can test something for me?
    >
    > I've published in every combination now and by far the best results are
    > XHTML. Generally speaking the tool-tip I am using for the glossary words
    > are fine in FF, Chrome, Safari and IE8. But my client, and no doubt one or
    > two others out there, still have IE7.
    >
    > The only problem I have left is to solve the 'jumping' problem. In all
    > browsers bar IE7 the behaviour of the too-tip is as expected but in IE7
    > the whole page jumps considerably when hovering over the links.
    >
    > Examples here:-
    >
    > Food Choices - this has three glossary links
    > http://www.test.adendum.co.uk/client...d_choices.html
    >
    > Food & Mood - this has a couple of glossary links at the right side
    > http://www.test.adendum.co.uk/client..._and_mood.html
    >
    > The Food Choices page does not contain
    > <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> whereas the
    > Food & Mood page does.
    >
    > If you have IE7 can you tell me what you see when hovering if not (like
    > me) any ideas?
    >
    >
    > N.B. I have renamed the menu file so the menu bar does not appear - this
    > is deliberate!
    >
    >
    > Paul




Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •