HighDots Forums  

error in IE7 when zooming into CSS div percentage

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss error in IE7 when zooming into CSS div percentage in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
obaqueiro
 
Posts: n/a

Default error in IE7 when zooming into CSS div percentage - 03-21-2008 , 02:35 PM






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 With Quote
  #2  
Old   
Bergamot
 
Posts: n/a

Default Re: error in IE7 when zooming into CSS div percentage - 03-21-2008 , 04:50 PM






obaqueiro wrote:
Quote:
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.

--
Berg


Reply With Quote
  #3  
Old   
obaqueiro
 
Posts: n/a

Default Re: error in IE7 when zooming into CSS div percentage - 03-26-2008 , 01:14 PM



On Mar 21, 9:50*pm, Bergamot <berga... (AT) visi (DOT) com> wrote:
Quote:
obaqueirowrote:

div.content{
*position: relative; top:8.5%; left: 40%;
* * height:91.5%; width:59%;

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

Quote:
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.

--
Berg


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.