hindisong4-tamilhotsongs.blogspot.com - The “Recent Videos” area is misaligned

[softvision-oana-arbuzov]

URL: http://hindisong4-tamilhotsongs.blogspot.com/

Browser / Version: Firefox Nightly 63.0a1 (2018-07-03) Operating System: Windows 10 Tested Another Browser: Yes

Problem type: Design is broken Description: The “Recent Videos” area is misaligned Steps to Reproduce:

1. Navigate to http://hindisong4-tamilhotsongs.blogspot.com/
2. Scroll down the page and observe the “Recent videos” area`s position.

Expected Behavior: The “Recent videos” area is under the browser icons.

Actual Behavior: The “Recent Videos” area is misaligned – it is lower than the browser icons.

Notes:

1. Screenshot attached.
2. Reproducible on Firefox Release 61.0 (2018-07-03).
3. Not reproducible on Chrome 67.0.3396.99.

Affected area

<div class="widget HTML" data-version="1" id="HTML1">
    <h2 class="title">Recent Videos</h2>
    <div class="widget-content">
        <!-- HTML Codes by Quackit.com -->
        <div style="height:400px;width:250px;font:12px/16px Arial, Verdana, Serif;overflow:scroll;">
            <script style="text/javascript" src="http://blogergadgets.googlecode.com/files/dante.js"></script>
            <script style="text/javascript">
var numposts = 200;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 50;
</script>
            <script src="/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentpostswiththumbs"></script>
            <div class="clear"></div>
        </div>
        <p style="font-family:verdana,arial,sans-serif;font-size:10px;">
            <a href="http://www.quackit.com/html/codes/html_scroll_box.cfm"></a>
        </p>
    </div>
    <div class="clear"></div>
    <span class="widget-item-control">
        <span class="item-control blog-admin">
            <a class="quickedit" href="//www.blogger.com/rearrange?blogID=7445592107146976102&amp;widgetType=HTML&amp;widgetId=HTML1&amp;action=editWidget&amp;sectionId=sidebar" onclick="return _WidgetManager._PopupConfig(document.getElementById(&quot;HTML1&quot;));" target="configHTML1" title="Edit">
                <img alt="" src="https://resources.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18">
                </a>
            </span>
        </span>
        <div class="clear"></div>
    </div>

Watchers: @softvision-sergiulogigan @softvision-oana-arbuzov

sv; country: in

From webcompat.com with ❤️

[karlcow]

I can't reproduce. I would say the site is equally broken everywhere. I get the Firefox Nightly rendering in Chrome Canary and Safari Preview. Everywhere the same. The site doesn't seem to have been updated since 2010.

Copyright © 2010 Tamil Hot Songs - Powered by I DreamWorks

[softvision-oana-arbuzov]

I can reproduce it both on Windows and MacOS, but indeed since the site is quite broken doing some diagnosis on it seems helpless until they fix their entire site.