Nesting a yui-gd inside of a div, inside of a yui-g

Board index » YUI 2.x: » CSS

Page 1 of 1

[ 2 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

VictorVonDom

Username: victorvondom
Joined: Sun Dec 20, 2009 8:44 pm
Posts: 4
IRC: VictorVonDom

Nesting a yui-gd inside of a div, inside of a yui-g

Posted: Fri Jul 30, 2010 3:11 am

+0-

http://www.addmojo.com/oops/nestingGrids.html

Follow the link, and view the source code.

I'm trying to nest a yui-gd, inside of a div, inside of a yui-g but everything is being pushed to the right.

Thanks in advance,

Amrish Kapoor

YUI Contributor

Username: amrishk
Joined: Mon Jul 12, 2010 9:46 am
Posts: 30
Location: Bangalore
Twitter: amrishk
GitHub: amrishk
Gists: amrishk

Re: Nesting a yui-gd inside of a div, inside of a yui-g

Posted: Fri Jul 30, 2010 5:05 am

+0-

Hi Victor,

This should solve your prob -
<body>
<div id="doc" class="yui-t7">
<div id="hd" role="banner"><h1>Header</h1></div>
<div id="bd" role="main">
<div style="border: 5px solid rgb(160, 32, 240);">
<div style="border: 5px solid rgb(30, 144, 255);">
<div style="border: 5px solid rgb(255, 0, 0);">
<div class="yui-gd">
<div class="yui-u first">
hello
</div>
<div class="yui-u">
hello
</div>
</div>
</div>
</div>
</div>
</div>
<div id="ft" role="contentinfo"><p>Footer</p></div>
</div>
</body>

Amrish.

Page 1 of 1

[ 2 posts ]

New Topic | Post Reply | Print view

Previous topic | Next topic

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