1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

IE8 formatting issues when accessing simple web page remotely

Discussion in 'Internet Explorer' started by CheekyAdmin, Mar 8, 2010.

  1. CheekyAdmin

    CheekyAdmin Flightless Bird

    Hi

    I am having a very strange issue with a basic HTML page in IE8.
    When I run the page at: http://localhost/test.html the page content renders
    fine, however, if I simply change the server name to my PC name (e.g.
    http://mypcname/test.html), the layout (margins / font-sizes / padding)
    renders larger and the two pages look different from eachother.

    The page renders fine in Firefox 3.6 for both server names, but in IE8 the
    problem arises.
    Below is a simple page that illustrates the issue. If you run it with two
    different server names (even though they are both on the same machine or one
    is local and the other remote), you will see the problem.
    e.g. "http://localhost/test.html" and "http://mypcname/test.html"

    What I also noticed is if I take the html page and paste it somewhere on the
    network and then double click the file and open it in IE8, it exhibits the
    same behaviour. For example:
    K:/temp\testRemote.htm displays LARGER text

    If I double click the htm file on my local machine though, it appears
    correctly, e.g.:
    c:/temp\testRemote.htm displays CORRECTLY

    Could there be some other security settings?
    This is too wierd because I imagine this sort of issue would happen with
    websites for everyone?

    Why is this happening? How do I resolve it?
    Thanks so much

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
    <title>Untitled Page</title>
    <style>
    body
    {
    font-family: Arial;
    font-size:smaller;
    padding:0; margin:0;
    background-color: #f0f0f0;
    }
    </style>
    </head>
    <body>

    <div style="padding:20px; background-color:Gray; margin:20px; border:1px
    solid black;">
    <h1 style="padding-top:20px;">Main Header</h1>
    <h2>Test Header</h2>
    <p>
    Some text !
    </p>
    </div>
    </body>
    </html>
     
  2. rob^_^

    rob^_^ Flightless Bird

    Hi Admin,

    Please post technical questions at the MSDN IE Web Development forum

    http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/threads

    ensuring that you have validated your test case first. (w3c - one error
    found, tidy reports 3 warnings that need to be corrected).

    Also include your Windows and IE versions.

    (Guess... one runs in protected mode, the other doesn't. Test by turning off
    Protected Mode for your Windows/IE version. IE maintains sandboxed settings
    in the registry for each mode... look for low registry in the registry. )
    Another symptom may be that your IE Command buttons and Tools menu will be
    different.
    Also check that both uri's are in the same security zone. Commonly ppl may
    add localhost or ComputerName to their Intranet zone sites list. This is
    incorrect. You use the auto-detect option on the Intanet zone settings
    dialog.

    Regards.



    "CheekyAdmin" <CheekyAdmin@discussions.microsoft.com> wrote in message
    news:56417ABC-A6BF-4F8B-9130-D98C4F6B3FDD@microsoft.com...
    > Hi
    >
    > I am having a very strange issue with a basic HTML page in IE8.
    > When I run the page at: http://localhost/test.html the page content
    > renders
    > fine, however, if I simply change the server name to my PC name (e.g.
    > http://mypcname/test.html), the layout (margins / font-sizes / padding)
    > renders larger and the two pages look different from eachother.
    >
    > The page renders fine in Firefox 3.6 for both server names, but in IE8 the
    > problem arises.
    > Below is a simple page that illustrates the issue. If you run it with two
    > different server names (even though they are both on the same machine or
    > one
    > is local and the other remote), you will see the problem.
    > e.g. "http://localhost/test.html" and "http://mypcname/test.html"
    >
    > What I also noticed is if I take the html page and paste it somewhere on
    > the
    > network and then double click the file and open it in IE8, it exhibits the
    > same behaviour. For example:
    > K:/temp\testRemote.htm displays LARGER text
    >
    > If I double click the htm file on my local machine though, it appears
    > correctly, e.g.:
    > c:/temp\testRemote.htm displays CORRECTLY
    >
    > Could there be some other security settings?
    > This is too wierd because I imagine this sort of issue would happen with
    > websites for everyone?
    >
    > Why is this happening? How do I resolve it?
    > Thanks so much
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="http://www.w3.org/1999/xhtml" >
    > <head>
    > <title>Untitled Page</title>
    > <style>
    > body
    > {
    > font-family: Arial;
    > font-size:smaller;
    > padding:0; margin:0;
    > background-color: #f0f0f0;
    > }
    > </style>
    > </head>
    > <body>
    >
    > <div style="padding:20px; background-color:Gray; margin:20px; border:1px
    > solid black;">
    > <h1 style="padding-top:20px;">Main Header</h1>
    > <h2>Test Header</h2>
    > <p>
    > Some text !
    > </p>
    > </div>
    > </body>
    > </html>
     
  3. CheekyAdmin

    CheekyAdmin Flightless Bird

    Hi Rob

    Thanks for the reply.

    I have updated the html so that it valdiates properly - this did not help.

    I have restored my IE8 settings to their default settings and used the the
    auto-detect option for the zones - this did not help.

    The only thing I have not tried is turning off protected mode. The reason
    for this is that every post I have found has told me to change this setting
    by going to: Internet Options > Security tab > Select the appropriate zone>
    Check/uncheck the “Enable Protected Mode†checkbox

    However, there is NO reference to :protected Mode" in any of the areas /
    buttons that I click whilst in the security tab. From what I read it should
    be there, but it's not?

    I see you asked me to post this is another forum, and will do so.
    Any help on the protected mode thing would be great though please as I would
    like to rule that out as a cause too.



    "rob^_^" wrote:

    > Hi Admin,
    >
    > Please post technical questions at the MSDN IE Web Development forum
    >
    > http://social.msdn.microsoft.com/Forums/en-US/iewebdevelopment/threads
    >
    > ensuring that you have validated your test case first. (w3c - one error
    > found, tidy reports 3 warnings that need to be corrected).
    >
    > Also include your Windows and IE versions.
    >
    > (Guess... one runs in protected mode, the other doesn't. Test by turning off
    > Protected Mode for your Windows/IE version. IE maintains sandboxed settings
    > in the registry for each mode... look for low registry in the registry. )
    > Another symptom may be that your IE Command buttons and Tools menu will be
    > different.
    > Also check that both uri's are in the same security zone. Commonly ppl may
    > add localhost or ComputerName to their Intranet zone sites list. This is
    > incorrect. You use the auto-detect option on the Intanet zone settings
    > dialog.
    >
    > Regards.
    >
    >
    >
    > "CheekyAdmin" <CheekyAdmin@discussions.microsoft.com> wrote in message
    > news:56417ABC-A6BF-4F8B-9130-D98C4F6B3FDD@microsoft.com...
    > > Hi
    > >
    > > I am having a very strange issue with a basic HTML page in IE8.
    > > When I run the page at: http://localhost/test.html the page content
    > > renders
    > > fine, however, if I simply change the server name to my PC name (e.g.
    > > http://mypcname/test.html), the layout (margins / font-sizes / padding)
    > > renders larger and the two pages look different from eachother.
    > >
    > > The page renders fine in Firefox 3.6 for both server names, but in IE8 the
    > > problem arises.
    > > Below is a simple page that illustrates the issue. If you run it with two
    > > different server names (even though they are both on the same machine or
    > > one
    > > is local and the other remote), you will see the problem.
    > > e.g. "http://localhost/test.html" and "http://mypcname/test.html"
    > >
    > > What I also noticed is if I take the html page and paste it somewhere on
    > > the
    > > network and then double click the file and open it in IE8, it exhibits the
    > > same behaviour. For example:
    > > K:/temp\testRemote.htm displays LARGER text
    > >
    > > If I double click the htm file on my local machine though, it appears
    > > correctly, e.g.:
    > > c:/temp\testRemote.htm displays CORRECTLY
    > >
    > > Could there be some other security settings?
    > > This is too wierd because I imagine this sort of issue would happen with
    > > websites for everyone?
    > >
    > > Why is this happening? How do I resolve it?
    > > Thanks so much
    > >
    > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > > <html xmlns="http://www.w3.org/1999/xhtml" >
    > > <head>
    > > <title>Untitled Page</title>
    > > <style>
    > > body
    > > {
    > > font-family: Arial;
    > > font-size:smaller;
    > > padding:0; margin:0;
    > > background-color: #f0f0f0;
    > > }
    > > </style>
    > > </head>
    > > <body>
    > >
    > > <div style="padding:20px; background-color:Gray; margin:20px; border:1px
    > > solid black;">
    > > <h1 style="padding-top:20px;">Main Header</h1>
    > > <h2>Test Header</h2>
    > > <p>
    > > Some text !
    > > </p>
    > > </div>
    > > </body>
    > > </html>

    >
     

Share This Page