<div dir="ltr"><pre style="margin-top:0px;margin-bottom:0px;padding:5px 0px"><font size="4" face="arial, helvetica, sans-serif"><font color="#000000">Hi everyone!</font></font></pre><pre style="margin-top:0px;margin-bottom:0px;padding:5px 0px">
<font size="4" face="arial, helvetica, sans-serif"><font color="#000000"><br></font></font></pre><pre style="margin-top:0px;margin-bottom:0px;padding:5px 0px"><font size="4" face="arial, helvetica, sans-serif"><font color="#000000">During investigation of this bug [1] I found weird things in horizon page layout. And it looks like there are errors deep inside.
First, the<i> 'div.sidebar'</i> container has property <i>'float:left' </i>without any width set while all guidelines [2] say that the width should be set. </font></font></pre><pre style="margin-top:0px;margin-bottom:0px;padding:5px 0px">
<font size="4" face="arial, helvetica, sans-serif"><font color="#000000">Was it done for some purposes? Should the width of the .sidebar be static or dynamic (or limited with the max-width), depending on the registerd dashboard amount?</font></font></pre>
<pre style="margin-top:0px;margin-bottom:0px;padding:5px 0px"><font size="4" face="arial, helvetica, sans-serif"><font color="#000000">
Second, the <i>'div.main_content'</i> has property 'padding-right: 250px' - obviosly to not overlap with <i>'div.sidebar'.</i> I guess this is wrong since <i>'div.main_content'</i> should flow around the<i> 'div.sidebar'</i>. Am I right?
<br></font></font></pre><pre style="margin-top:0px;margin-bottom:0px;padding:5px 0px"><font size="4" face="arial, helvetica, sans-serif"><font color="#000000">
[1] <a href="https://bugs.launchpad.net/horizon/+bug/1286093">https://bugs.launchpad.net/horizon/+bug/1286093</a>
[2] <a href="http://css.maxdesign.com.au/floatutorial/introduction.htm">http://css.maxdesign.com.au/floatutorial/introduction.htm</a></font></font></pre><pre style="margin-top:0px;margin-bottom:0px;padding:5px 0px"><font size="4" face="arial, helvetica, sans-serif"><font color="#000000">
Regards, Kate.</font></font></pre></div>