Loading ...
Sorry, an error occurred while loading the content.
 

Re: [ydn-javascript] grid css: 2x 25/50/25 column split

Expand Messages
  • Gopalarathnam Venkatesan
    ... Try adding a clearing div below the first row. Something like: should fix this. -- Gopalarathnam
    Message 1 of 3 , Apr 30, 2007
      Matthias Winkelmann wrote:
      >
      >
      > Hi all,
      >
      > I'm trying to get two rows with 25/50/25 column splits in grids css.
      > I've got it going with one row with the example at http://
      > developer.yahoo.com/yui/examples/grids/example_ge.html. I've tried to
      > get the second row to adopt the same format by nesting a yui-gd
      > inside a yui-ge, but it doesn't result in anything useful (I have the
      > two leftmost columns on top of each other in FF, and the percentages
      > all wrong in Safari).
      >
      > Any help is appreciated,
      >

      Try adding a clearing div below the first row.

      Something like: <div style="clear: both; font-size: 0; height: 0;"></div>
      should fix this.

      --
      Gopalarathnam Venkatesan

      http://gopalarathnam.com/
    • kyashan71
      I tried too but i don t succeded this is my code
      Message 2 of 3 , Jun 2, 2007
        I tried too but i don't succeded

        this is my code

        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <title>Documento senza titolo</title>
        <link type="text/css" rel="stylesheet"
        href="./yui/build/reset-fonts-grids/reset-fonts-grids.css">
        </head>
        <body>
        <div id="doc" class="yui-t7">
        <div id="hd"><h1>YUI: CSS Grid Builder</h1></div>
        <div id="bd">
        <div class="yui-ge">
        <div class="yui-u first">
        <div class="yui-gd">
        <div class="yui-u first">
        <!-- YOUR DATA GOES HERE --><img src="unita.png" width="188"
        height="150" /></div>
        <div class="yui-u">
        <!-- YOUR DATA GOES HERE --><img src="2unita.png"
        width="341" /> </div>
        </div>
        </div>
        <div class="yui-u">
        <!-- YOUR DATA GOES HERE --><img src="unita.png" width="188"
        height="150" /></div>
        </div>
        </div>
        </div>
        <div id="ft"><div style="clear: both; font-size: 0; height:
        0;"></div></div>
        </div>
        </body>
        </html>
      Your message has been successfully submitted and would be delivered to recipients shortly.