error in IE7 when zooming into CSS div percentage

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

obaqueiro - 21 Mar 2008 20:35 GMT

Hello, I got a page with a div element with the following style:
div.content{

position: relative; top:8.5%; left: 40%;
    height:91.5%; width:59%;
    font-family: "georgia", arial, verdana;
    color:black;
    background: url(images/gradient2.png);

        overflow: auto ;
    padding-bottom: 0px;
    padding-left:5px;
    padding-right:5px;
    margin: 0px    0px;
    font-size: 90%;
    font-weight:normal;

}

The div scales without problems in Firefox 2.x, 3 and Opera, however
in IE7 it just stays "in the same place" when scaling down and does
not shrink properly (it takes more space than the adequate. I have
tried with absolute instead of relative positioning without success. I
have also tried with ems units.

Is there anything I am doing wrong?

Reply to this Message

Bergamot - 21 Mar 2008 22:50 GMT

> div.content{
> position: relative; top:8.5%; left: 40%;
> height:91.5%; width:59%;
>
> Is there anything I am doing wrong?

You are no doubt making some incorrect assumptions about what relative
positioning does.
http://brainjar.com/css/positioning/

Even if you used absolute positioning I bet it would still be the wrong
thing to do. It often is.

Instead of posting a code snippet and expecting us to fix what you think
your problem is, post a URL showing your attempt so we can get a better
idea of what you're really trying to accomplish. It will be a lot easier
to point you in a better direction.

Signature

Berg

Reply to this Message

obaqueiro - 26 Mar 2008 19:14 GMT

> obaqueirowrote:
>
[quoted text clipped - 3 lines]
>
> > Is there anything I am doing wrong?

Thanks for your help, sorry for posting in an incorrectly way. The
page I am having trouble with is:
http://www.wild-expeditions.co.uk/

As I told in the mail before, the design works very well in Firefox
and Opera browsers, however when zooming in or out in IE 7, one of
the Divs is misplaced.

Any help is appreciated,

Thank you

> You are no doubt making some incorrect assumptions about what relative
> positioning does.http://brainjar.com/css/positioning/
[quoted text clipped - 9 lines]
> --
> Berg

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / CSS / March 2008

error in IE7 when zooming into CSS div percentage