CSS rendering diffrently on IE7 & Firefox

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • edzillion
    New Member
    • Mar 2008
    • 2

    CSS rendering diffrently on IE7 & Firefox

    I've looked around and it appears that all the useful hacks for getting IE to display an alternate css style are gone (?)
    That would have been useful since my problem is basically that in IE a div is displaying too far right.
    The div in question is (via web dev toolbar)
    Code:
    html > body > div #holdall > div #wrapperInside > div #container > div #bodyLeft > div #gridContainer > div #insideRightWide > div #insideRightforPMbar
    #insideRightWid e has position:relati ve and #insideRightfor PMbar has position:absolu te none of the parent tags have a position stated.
    Code:
    #insideRightWide {margin-left:129px; border-left:1px solid #d0cfcf; padding-right:10px; padding-left:10px; padding-top:10px; height:inherit; position:relative}
    #insideRightforPMbar {position:absolute; margin-left:129px; padding-left:2px;  border-left-width: 1px; border-left-style: solid; border-left-color: #d0cfcf;}
    Is this enough info? I don't know where to start...
    TIA
    Ed
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    No. Not enough information. Make sure no comments exist in any of the html. IE7 selector support is buggy. I question whether you need all that to get the div to do what you want. In any case, FF is properly displaying what you wrote.

    Comment

    • edzillion
      New Member
      • Mar 2008
      • 2

      #3
      OK, I found a hack that still works for IE7
      It is described here if anyone is interested

      .context_bar_fo rm_field
      {
      height: 15px;
      #height: 15px;
      _height: 21px;
      }
      The first setting will apply to all browsers,
      The second setting will only apply to Microsoft Internet Explorer browsers
      The third setting will only apply to IE browsers 6.0 and older

      Comment

      Working...