0

Problems with nested YUI 2 grids

Hey,

thank you for reading this post, maybe you can help me. I am trying to nest grids, but it does not work, see my lines (extracted and shorten):

Just copy, save as html, and then you'll see what I mean: the orange solid bordered list items should be in the red dotted list container, but that's not the case.

Can you help me with this?

<html>
<head>
<title>TESTING</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.8.2r1/build/reset-fonts-grids/reset-fonts-grids.css">

<style type="text/css">

div, ul, li { padding:5px; }

</style>

</head>
<body class="yui-skin-sam">
<div id="doc3" class="yui-t2">
<div id="bd">
<div id="yui-main">
<div class="yui-b">

<div class="some_outer_div" style="border: 1px solid green;">
<ul class="some_outer_list" style="border: 1px solid blue;">
<li class="some_outer_item" style="border: 1px solid red;">
<div class="some_inner_div" style="border: 1px dashed green">
<div class="yui-g">
<div class="yui-u first">
<div class="some_more_inner_div" style="border: 1px dotted green;">
<ul class="some_inner_list" style="border: 1px dashed blue">
<li class="some_inner_item" style="border: 4px dotted red;">
<div class="yui-g">
<div class="yui-u first">
<div class="some_deep_inner_div" style="border: 2px solid orange;">
INNER LEFT
</div>
</div>
<div class="yui-u">
<div class="some_deep_inner_div" style="border: 2px solid orange;">
INNER RIGHT
</div>
</div>
</div>
</li>
</ul>
</div>

</div>
<div class="yui-u">
<div class="some_inner_div" style="border: 1px dotted green;">
OUTER RIGHT
</div>
</div>
</div>
</div>
</li>
</ul>
</div>

</div>
</div>
</div>
</div>
</body>
</html>

Thank you very much!
ms_ydn

0 Replies

Recent Posts

in General Discussion at YDN