[ 2 posts ]

Srinoj

  • Username: Srinoj
  • Joined: Wed Feb 24, 2010 10:39 am
  • Posts: 11
  • Offline
  • Profile

Tree Structure Alignment IE6 vs IE8

Post Posted: Thu Jun 03, 2010 11:32 am
+0-
I am using the following tree.css. The alignment of tree structure is missing in IE8 ( works fine in IE6). Please help
Quote:
/* Copyright (c) 2006 Yahoo! Inc. All rights reserved. */

/* first or middle sibling, no children */
.ygtvtn {background: url(../../img/default/tn.gif) 0 0 no-repeat; width:16px; height:22px; }

/* first or middle sibling, collapsable */
.ygtvtm {background: url(../../img/default/tm.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }

/* first or middle sibling, collapsable, hover */
.ygtvtmh {background: url(../../img/default/tmh.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }

/* first or middle sibling, expandable */
.ygtvtp {background: url(../../img/default/tp.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }

/* first or middle sibling, expandable, hover */
.ygtvtph {background: url(../../img/default/tph.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }

/* last sibling, no children */
.ygtvln {background: url(../../img/default/ln.gif) 0 0 no-repeat; width:16px; height:22px; }

/* Last sibling, collapsable */
.ygtvlm {background: url(../../img/default/lm.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }

/* Last sibling, collapsable, hover */
.ygtvlmh {background: url(../../img/default/lmh.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }

/* Last sibling, expandable */
.ygtvlp { background: url(../../img/default/lp.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }

/* Last sibling, expandable, hover */
.ygtvlph { background: url(../../img/default/lph.gif) 0 0 no-repeat; width:16px; height:22px; cursor:pointer }

/* Loading icon */
.ygtvloading { background: url(../../img/default/loading.gif) 0 0 no-repeat; width:16px; height:22px; }

/* the style for the empty cells that are used for rendering the depth
* of the node */
.ygtvdepthcell { background: url(../../img/default/vline.gif) 0 0 no-repeat; width:16px; height:22px; }

.ygtvblankdepthcell { width:16px; height:22px; }

/* the style of the div around each node */
.ygtvitem { height:22px; font-size: 6pt;}

/* the style of the div around each node's collection of children */
.ygtvchildren { }
* html .ygtvchildren { height:1%; }

/* the style of the text label in ygTextNode */
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover {
margin-left:2px;
text-decoration: none;
}

Satyam

YUI Contributor

  • Username: Satyam
  • Joined: Tue Dec 09, 2008 12:34 am
  • Posts: 2016
  • Location: Sitges, Spain
  • GitHub: Satyam
  • Gists: Satyam
  • IRC: DevaSatyam
  • YUI Developer
  • Offline
  • Profile

Re: Tree Structure Alignment IE6 vs IE8

Post Posted: Fri Jun 04, 2010 12:15 am
+0-
Did you load reset.css or any of its aggregates? Most css files assume a set of known initial conditions, which only reset.css can provide, since browsers do behave different.

Also, I see you have changed the icons. Are yours really 16*22px?

Otherwise, please highlight what your changes have been, I noticed the change in the icons but I'm not about to spend time comparing line by line.

If you can put a working sample on-line so we can see it at work, that would be great.
  [ 2 posts ]
Display posts from previous:  Sort by  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
cron