Forums

Board index » YUI 3.x: » Using YUI 3.x Components

Page 1 of 1   [ 4 posts ]
New Topic | Post Reply | Print view

Brendan Vogt

  • Username: bioluminescence
  • Joined: Wed Oct 27, 2010 5:57 am
  • Posts: 76
  • Offline
  • Profile

Issues with grids and datatable in IE8

Post Posted: Tue Jan 24, 2012 1:51 am
+0-
Hi,

I am using the latest version of YUI3 reset, fonts, grids, and base stylsheets. I am struggling with a grid configuration. I'm not sure if it is an internet explorer 8 bug but it is not working well in IE8. The grid displays well. But when I add a datatable then the datatable overlaps the footer. When I then hover the mouse then the colums reposition themselves and appears correctly. Why is this?? How can I fix this to work well in IE8?

I have the following at the top of my page:

Code:
<style>
     body {margin: auto;width: 960px;}
     #nav {width: 200px;}
     #main {width: 760px;}
</style>

My body content, it's very basic:

Code:
<body>
        <div id="hd" style="background-color:Aqua;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</div>
        <div id="bd">

            <div class="yui3-g">
                <div class="yui3-u" id="nav" style="background-color:Yellow;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</div>
                <div class="yui3-u" id="main" style="background-color:Lime;">

                    <div id="example" class="yui3-skin-sam"></div>

                </div>
            </div>

        </div>
       
        <div id="ft" style="background-color:Aqua;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</div>
    </body>


Code:
<script src="Assets/yui_3.5.0pr1/yui/build/yui/yui-min.js" type="text/javascript"></script>

    <script>

        YUI().use('datatable', function (Y) {

            var cols = [
                { key: "id", label: "#" },
                { key: "name", label: "Name" },
                { key: "price", label: "Price" }
            ];

            var data = [
                { id: "ga-3475", name: "gadget", price: "$6.99", cost: "$5.99" },
                { id: "sp-9980", name: "sprocket", price: "$3.75", cost: "$3.25" },
                { id: "wi-0650", name: "widget", price: "$4.25", cost: "$3.75" }
            ];

            var dt = new Y.DataTable.Base({
                columnset: cols,
                recordset: data
            }).render("#example");
        });

    </script>

Brendan Vogt

  • Username: bioluminescence
  • Joined: Wed Oct 27, 2010 5:57 am
  • Posts: 76
  • Offline
  • Profile

Re: Issues with grids and datatable in IE8

Post Posted: Wed Jan 25, 2012 4:03 am
+0-
Can no one help me out here? Surely somone must had this issue before??

Jon Santos

  • Username: jonsantos
  • Joined: Sun Mar 18, 2012 11:53 pm
  • Posts: 1
  • Offline
  • Profile
Tags:

Re: Issues with grids and datatable in IE8

Post Posted: Sun Mar 18, 2012 11:57 pm
+0-
Quote:
I am using the latest version of YUI3 reset, fonts, grids, and base stylsheets. I am struggling with a grid configuration. I'm not sure if it is an internet explorer 8 bug but it is not working well in IE8.


Actually, I don't think it's just on IE8. There are a few reasons why I don't want to upgrade my IE to 10, therefore I use IE9. And yes, I got the same issue.

James Hardy

  • Username: james565
  • Joined: Tue Jun 26, 2012 5:37 am
  • Posts: 1
  • Offline
  • Profile

Re: Issues with grids and datatable in IE8

Post Posted: Tue Jun 26, 2012 5:43 am
+0-
IE10 is poor anyway. It has one of the worst ratings in many areas compared to other browsers like Firefox.



_______________________
"impossible is nothing...."
Page 1 of 1   [ 4 posts ]
New Topic | Post Reply | Print view
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

Recent Forums Posts

Recent YUI Blog Posts

Online Users

© 2006-2013 Yahoo! Inc. All rights reserved.
All code on this site is licensed under the BSD License unless stated otherwise.
About This Site · Security Contact Info

Powered by phpBB® Forum Software © phpBB Group