html - Elements Extend Beyond Page -
i'm moving elements around on site , have found 2 of them invisibly extending beyond right edge of page. site www.abadcaseofthedates.com , 2 elements above fold: html8 (site search) , archivelist (the pull-down archive menu). realize they're extending far result of them being children of column-center-inner, can't figure out how downsize extensions of these 2 elements (but not else in column-center-inner) off side of page.
html8:
<div class="widget html" id="html8"> <h2 class="title">search site</h2> <div class="widget-content"> <form action="http://www.google.com" id="cse-search-box" target="_blank" _lpchecked="1"> <div> <input type="hidden" name="cx" value="partner-pub-8645914820193959:3645685348"> <input type="hidden" name="ie" value="utf-8"> <input type="text" name="q" size="25" style="background-image: url(https://www.google.com/cse/static/en/google_custom_search_watermark.gif); background-color: rgb(255, 255, 255); background-position: 0% 50%; background-repeat: no-repeat no-repeat;"> <input type="submit" name="sa" value="search"> </div> <input name="siteurl" type="hidden" value="www.abadcaseofthedates.com/"> <input name="ref" type="hidden" value="www.abadcaseofthedates.com/"><input name="ss" type="hidden" value=""></form> <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script> </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=3186499665856075184&widgettype=html&widgetid=html8&action=editwidget&sectionid=main" onclick="return _widgetmanager._popupconfig(document.getelementbyid("html8"));" target="confightml8" title="edit"> <img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"> </a> </span> </span> <div class="clear"></div> </div> html8 css:
#html8 { z-index: 1; position: relative; top: 65px; left: 400px; } blogarchive1:
<div class="widget blogarchive" id="blogarchive1"> <div class="widget-content"> <div id="archivelist"> <div id="blogarchive1_archivelist"> <select id="blogarchive1_archivemenu"> <option value=""> </option> <option value="http://www.abadcaseofthedates.com/2015_11_01_archive.html">november 2015 (1)</option> <option value="http://www.abadcaseofthedates.com/2015_10_01_archive.html">october 2015 (31)</option> <option value="http://www.abadcaseofthedates.com/2015_09_01_archive.html">september 2015 (30)</option> <option value="http://www.abadcaseofthedates.com/2015_08_01_archive.html">august 2015 (32)</option> <option value="http://www.abadcaseofthedates.com/2015_07_01_archive.html">july 2015 (31)</option> <option value="http://www.abadcaseofthedates.com/2015_06_01_archive.html">june 2015 (30)</option> <option value="http://www.abadcaseofthedates.com/2015_05_01_archive.html">may 2015 (31)</option> <option value="http://www.abadcaseofthedates.com/2015_04_01_archive.html">april 2015 (30)</option> <option value="http://www.abadcaseofthedates.com/2015_03_01_archive.html">march 2015 (31)</option> <option value="http://www.abadcaseofthedates.com/2015_02_01_archive.html">february 2015 (28)</option> <option value="http://www.abadcaseofthedates.com/2015_01_01_archive.html">january 2015 (31)</option> <option value="http://www.abadcaseofthedates.com/2014_12_01_archive.html">december 2014 (31)</option> <option value="http://www.abadcaseofthedates.com/2014_11_01_archive.html">november 2014 (30)</option> <option value="http://www.abadcaseofthedates.com/2014_10_01_archive.html">october 2014 (31)</option> <option value="http://www.abadcaseofthedates.com/2014_09_01_archive.html">september 2014 (30)</option> <option value="http://www.abadcaseofthedates.com/2014_08_01_archive.html">august 2014 (31)</option> <option value="http://www.abadcaseofthedates.com/2014_07_01_archive.html">july 2014 (31)</option> <option value="http://www.abadcaseofthedates.com/2014_06_01_archive.html">june 2014 (32)</option> <option value="http://www.abadcaseofthedates.com/2014_05_01_archive.html">may 2014 (31)</option> <option value="http://www.abadcaseofthedates.com/2014_04_01_archive.html">april 2014 (30)</option> <option value="http://www.abadcaseofthedates.com/2014_03_01_archive.html">march 2014 (31)</option> <option value="http://www.abadcaseofthedates.com/2014_02_01_archive.html">february 2014 (32)</option> <option value="http://www.abadcaseofthedates.com/2014_01_01_archive.html">january 2014 (31)</option> <option value="http://www.abadcaseofthedates.com/2013_12_01_archive.html">december 2013 (31)</option> <option value="http://www.abadcaseofthedates.com/2013_11_01_archive.html">november 2013 (31)</option> <option value="http://www.abadcaseofthedates.com/2013_10_01_archive.html">october 2013 (31)</option> <option value="http://www.abadcaseofthedates.com/2013_09_01_archive.html">september 2013 (30)</option> <option value="http://www.abadcaseofthedates.com/2013_08_01_archive.html">august 2013 (31)</option> <option value="http://www.abadcaseofthedates.com/2013_07_01_archive.html">july 2013 (35)</option> <option value="http://www.abadcaseofthedates.com/2013_06_01_archive.html">june 2013 (38)</option> <option value="http://www.abadcaseofthedates.com/2013_05_01_archive.html">may 2013 (33)</option> <option value="http://www.abadcaseofthedates.com/2013_04_01_archive.html">april 2013 (30)</option> <option value="http://www.abadcaseofthedates.com/2013_03_01_archive.html">march 2013 (33)</option> <option value="http://www.abadcaseofthedates.com/2013_02_01_archive.html">february 2013 (33)</option> <option value="http://www.abadcaseofthedates.com/2013_01_01_archive.html">january 2013 (39)</option> <option value="http://www.abadcaseofthedates.com/2012_12_01_archive.html">december 2012 (33)</option> <option value="http://www.abadcaseofthedates.com/2012_11_01_archive.html">november 2012 (30)</option> <option value="http://www.abadcaseofthedates.com/2012_10_01_archive.html">october 2012 (35)</option> <option value="http://www.abadcaseofthedates.com/2012_09_01_archive.html">september 2012 (32)</option> <option value="http://www.abadcaseofthedates.com/2012_08_01_archive.html">august 2012 (32)</option> <option value="http://www.abadcaseofthedates.com/2012_07_01_archive.html">july 2012 (32)</option> <option value="http://www.abadcaseofthedates.com/2012_06_01_archive.html">june 2012 (31)</option> <option value="http://www.abadcaseofthedates.com/2012_05_01_archive.html">may 2012 (34)</option> <option value="http://www.abadcaseofthedates.com/2012_04_01_archive.html">april 2012 (33)</option> <option value="http://www.abadcaseofthedates.com/2012_03_01_archive.html">march 2012 (45)</option> <option value="http://www.abadcaseofthedates.com/2012_02_01_archive.html">february 2012 (69)</option> <option value="http://www.abadcaseofthedates.com/2012_01_01_archive.html">january 2012 (90)</option> <option value="http://www.abadcaseofthedates.com/2011_12_01_archive.html">december 2011 (98)</option> <option value="http://www.abadcaseofthedates.com/2011_11_01_archive.html">november 2011 (92)</option> <option value="http://www.abadcaseofthedates.com/2011_10_01_archive.html">october 2011 (103)</option> <option value="http://www.abadcaseofthedates.com/2011_09_01_archive.html">september 2011 (102)</option> <option value="http://www.abadcaseofthedates.com/2011_08_01_archive.html">august 2011 (112)</option> <option value="http://www.abadcaseofthedates.com/2011_07_01_archive.html">july 2011 (97)</option> <option value="http://www.abadcaseofthedates.com/2011_06_01_archive.html">june 2011 (75)</option> <option value="http://www.abadcaseofthedates.com/2011_05_01_archive.html">may 2011 (117)</option> <option value="http://www.abadcaseofthedates.com/2011_04_01_archive.html">april 2011 (160)</option> <option value="http://www.abadcaseofthedates.com/2011_03_01_archive.html">march 2011 (184)</option> <option value="http://www.abadcaseofthedates.com/2011_02_01_archive.html">february 2011 (160)</option> <option value="http://www.abadcaseofthedates.com/2011_01_01_archive.html">january 2011 (130)</option> <option value="http://www.abadcaseofthedates.com/2010_12_01_archive.html">december 2010 (99)</option> <option value="http://www.abadcaseofthedates.com/2010_11_01_archive.html">november 2010 (70)</option> <option value="http://www.abadcaseofthedates.com/2010_10_01_archive.html">october 2010 (45)</option> <option value="http://www.abadcaseofthedates.com/2010_09_01_archive.html">september 2010 (32)</option> <option value="http://www.abadcaseofthedates.com/2010_08_01_archive.html">august 2010 (31)</option> <option value="http://www.abadcaseofthedates.com/2010_07_01_archive.html">july 2010 (32)</option> <option value="http://www.abadcaseofthedates.com/2010_06_01_archive.html">june 2010 (38)</option> <option value="http://www.abadcaseofthedates.com/2010_05_01_archive.html">may 2010 (39)</option> <option value="http://www.abadcaseofthedates.com/2010_04_01_archive.html">april 2010 (47)</option> <option value="http://www.abadcaseofthedates.com/2010_03_01_archive.html">march 2010 (60)</option> <option value="http://www.abadcaseofthedates.com/2010_02_01_archive.html">february 2010 (57)</option> <option value="http://www.abadcaseofthedates.com/2010_01_01_archive.html">january 2010 (63)</option> <option value="http://www.abadcaseofthedates.com/2009_12_01_archive.html">december 2009 (67)</option> <option value="http://www.abadcaseofthedates.com/2009_11_01_archive.html">november 2009 (76)</option> <option value="http://www.abadcaseofthedates.com/2009_10_01_archive.html">october 2009 (84)</option> <option value="http://www.abadcaseofthedates.com/2009_09_01_archive.html">september 2009 (85)</option> </select> </div> </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=3186499665856075184&widgettype=blogarchive&widgetid=blogarchive1&action=editwidget&sectionid=main" onclick="return _widgetmanager._popupconfig(document.getelementbyid("blogarchive1"));" target="configblogarchive1" title="edit"> <img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18"> </a> </span> </span> <div class="clear"></div> </div> </div> blog archive css:
#archivelist { position: relative; bottom: 1px; left: 350px; z-index: 2; }
your first issue element inside of anchor tag. when trying click getting same effect desire on previous element in dom. can't tell going on date picker, if post code i'm sure can figure out!
this fix side scrolling --
css:
html { overflow-x: hidden; }
Comments
Post a Comment