Nesting question

8 views
Skip to first unread message

akira

unread,
Sep 30, 2009, 5:28:15 PM9/30/09
to Emastic - CSS Framework
given this snippet of HTML code:

<div class="dl80">
<div id ="profile"class="dl50">
<div id ="avatar" class="dl20">avatar</div>
<div id="userprops" class="dl30">userprops</div>
<div class="clear">&nbsp;</div>#### <--- Is this
legitimate?
<div id="bio" class="dl50">
<h3>Bio</h3>
adada dad ad da ad ad ad ad adadadad dada da da da
dada
adad dad adadadadada dad ada dad adada dadadad da dad
ad adad
dada daad da dada dadada d d ad adadadadada dada d ad
da da d da
</div>
</div>

<div id ="services"class="dl30">
<h3>Services</h3>
<ul>
<li>Service 1</li>
<li>Service 2</li>
</ul>
</div>
</div>
<div class="clear">&nbsp;</div>


Do sou see the place marked "#### <--- Is this legitimate" ? I am
trying to nest a DIV of width dl50 in a nested DIV that has already
been split width dl20 and dl30. This works, but I am not sure if this
is the right way to handle this issue. Any tips?

Thanks

vladocar

unread,
Sep 30, 2009, 7:28:42 PM9/30/09
to Emastic - CSS Framework
Yes is perfectly fine <div class="clear">&nbsp;</div> will clear with
one 1em line or <div class="clear"></div> 0em line.

Here is something similar is not 50em but 60em
http://www.allapis.com/Emastic-CSS-Temaplates/template5.html or more
examples:http://www.allapis.com/Emastic-CSS-Temaplates/index.html

If you have more questions let me know.

Vladimir

akira

unread,
Oct 2, 2009, 1:53:27 AM10/2/09
to Emastic - CSS Framework
Thanks!

On Oct 1, 1:28 am, vladocar <vlado...@gmail.com> wrote:
> Yes is perfectly fine <div class="clear">&nbsp;</div> will clear with
> one 1em line or <div class="clear"></div> 0em line.
>
> Here is something similar is not 50em but 60emhttp://www.allapis.com/Emastic-CSS-Temaplates/template5.htmlor more
Reply all
Reply to author
Forward
0 new messages