IE zoom features upsets simple HTML sent from

Posted on 2008-11-10
Last Modified: 2013-12-08
Some simple HTML is being wrongly displayed in Internet Explorer when the user has a Zoom other than 100%

I have a large web site with 230+ web pages, written in
About 10 pages are for the end user, the rest are for back end internal staff.
I intentionally keep things simple on the HTML side.
In particular, I write data out in tables so that they will display properly in "Right to Left" languages.
E.g. the code snippet below just shows the logo, a vertical bar then the word "login" or "connexion" in French.
This is displayed correctly in English and in reverse order on RTL languages.

Everything is fine except for a group of users who use the Zoom feature of Internet Explorer.

Often the word login uderlays the Logo - see the 2 attached images.

Below is the CSS


    margin-bottom: 10px;
    vertical-align: middle;
    height: 70px;
    height: 70px;
    font-size: 2em;
    color: #a9a9a9;


    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server">




                <td valign="middle">

                    <asp:Image ID="ImageClinisafeLogo" runat="server" ImageUrl="~/Images/Clinisafe-Logo.gif"

                        AlternateText="CliniSafe Logo" CssClass="LogoTopBar"  />


                <td valign="middle">

                    <asp:Image ID="ImageGreyBar" runat="server" ImageUrl="~/Images/GreyBar.jpg" CssClass="SeparatorTopBar" />


                <td valign="middle">

                    <asp:Label ID="LabelTopMessage" runat="server" Text="online" CssClass="TextTopBar"></asp:Label>




Open in new window

Question by:AndyCollinson
    1 Comment

    Accepted Solution

    I found the answer myself.

    It is critical that *every* image has both height and width - otherwise IE7 gets confused when using zoom.

    Featured Post

    Looking for New Ways to Advertise?

    Engage with tech pros in our community with native advertising, as a Vendor Expert, and more.

    Join & Write a Comment

    Suggested Solutions

    Title # Comments Views Activity
    Why can't my site show videos? 5 32
    Specific DIV Hyperlink Color 1 26
    Competitors in URL Dropdown 2 23
    javascript to html map 8 16
    This article offers some helpful and general tips for safe browsing and online shopping. It offers simple and manageable procedures that help to ensure the safety of one's personal information and the security of any devices.
    Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
    The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

    746 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    19 Experts available now in Live!

    Get 1:1 Help Now