Forums

Board index » YUI 2.x: » CSS

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

James Malley

  • Username: JamesDude
  • Joined: Sat Jan 31, 2009 4:46 pm
  • Posts: 2
  • Offline
  • Profile
Tags:

My Yui Grid layout not immune to the IE6 Float Drop

Post Posted: Sat Jan 31, 2009 4:55 pm
+0-
Hi,

I'm a big fan of the YUI grids but it appears my current layout is affected by IE6 and all it's malcontent. Has anybody else run into this? I know this is a common float bug, but I thought yui-grids was supposed to be compatible with that infernal browser.

Code:
<div id="doc" class="yui-t7">
   <div id="hd">
       
      
   </div>

   <div id="bd">
      <div id="yui-main">
         <div class="yui-b">
            <div class="yui-ge">
               <div class="yui-u first">
               <div class="yui-gd">
<div class="yui-u first">
                    Column One
</div>

<div class="yui-u">
Column Two
</div>

<div class="yui-u">
                  

</div>

</div>

Alicia Stone

  • Username: alicia111
  • Joined: Sat Feb 14, 2009 6:46 am
  • Posts: 1
  • Offline
  • Profile
Tags:

Re: My Yui Grid layout not immune to the IE6 Float Drop

Post Posted: Sat Feb 14, 2009 8:07 am
+0-
is there some kind tutorial on how to use yui grid. the forum is helpful enough but while debugging. tutorial will help beginners like us while setting up. waiting for reply.
Alicia
KEYWORD RESEARCH TOOLS~Wordtracker
Word Tracker~Spy Fu

Nate Koechley

YUI Contributor

  • Username: natekoechley
  • Joined: Wed Oct 15, 2008 9:55 am
  • Posts: 28
  • Location: san francisco
  • YUI Developer
  • Offline
  • Profile
Tags:

Re: My Yui Grid layout not immune to the IE6 Float Drop

Post Posted: Tue Feb 17, 2009 11:09 am
+0-
JamesDude wrote:
Hi,

I'm a big fan of the YUI grids but it appears my current layout is affected by IE6 and all it's malcontent. Has anybody else run into this? I know this is a common float bug, but I thought yui-grids was supposed to be compatible with that infernal browser.


Hey James,

The markup you indicated above is not well formed, meaning there are more opening divs than closing divs. Also, a .yui-gd may only contain two .yui-u's, but your code has it containing three.

When the markup is corrected, the layout renders fine in IE6 according to my testing. Here's my version of your layout that you can inspect:

http://nate.koechley.com/dev/2009/grids ... in-ge.html

Hope that helps.

Thanks,
Nate

Nate Koechley

YUI Contributor

  • Username: natekoechley
  • Joined: Wed Oct 15, 2008 9:55 am
  • Posts: 28
  • Location: san francisco
  • YUI Developer
  • Offline
  • Profile
Tags:

Re: My Yui Grid layout not immune to the IE6 Float Drop

Post Posted: Tue Feb 17, 2009 11:11 am
+0-
alicia111 wrote:
is there some kind tutorial on how to use yui grid. the forum is helpful enough but while debugging. tutorial will help beginners like us while setting up. waiting for reply.


Hey Alicia,

Have you read the step-by-step Grids documentation on the YUI site?

http://developer.yahoo.com/yui/grids/

You might also find this tutorial I wrote useful:

http://24ways.org/2006/intricate-fluid-layouts

Hope that helps.

Thanks,
Nate

James Malley

  • Username: JamesDude
  • Joined: Sat Jan 31, 2009 4:46 pm
  • Posts: 2
  • Offline
  • Profile
Tags:

Re: My Yui Grid layout not immune to the IE6 Float Drop

Post Posted: Sun Mar 22, 2009 3:39 pm
+0-
Thanks for the help! Works like a charm.

Bob Edenbach

  • Username: edie-b
  • Joined: Thu May 28, 2009 7:28 pm
  • Posts: 1
  • Offline
  • Profile
Tags:

Re: My Yui Grid layout not immune to the IE6 Float Drop

Post Posted: Thu May 28, 2009 7:50 pm
+0-
I really want to use YUI grids but it breaks in IE.

I'm trying a 180px sidebar (right column) with 66/33 2 column content area and it doesn't work in IE6/7.

I tried the 1px border on the bd div, but that only fixes IE7, in IE6 the middle column still gets pushed to the bottom.

What's up with that?
Is this fixed in 3.0?

Thanks for any info you may have.

Cheers,
Bob
Page 1 of 1   [ 6 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