javascript - HTML elements are not loading on mozilla firefox -


One page is loading everything in Chrome, but Firefox does not have anybody can tell me that the problem What is it and how can I get rid of it?

Check it out on both chrome and firefox.

Chrome: Enter image details here

Firefox:

Enter image details here

HTML:

  & lt; div class = "container archo-all-projects-container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-lg-12" & gt; & Lt; h4 class = "archo-all-projects-header" & gt; All projects & lt; / H4 & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "argo-project-list" & gt; & Lt; Div class = "row" & gt; Div class = "col-lg-12" & gt; & Lt; h5 class = "archo-project-type-header" & gt; Architecture & lt; / H5> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "col-lg-3" & gt; & Lt; Div class = "archo-project-item" & gt; & Lt; div class = "archo-project-item-title" & gt; & Lt; A href = "project.html" & gt; & Lt; H5 & gt; Project Title & lt; / H5> & Lt; / A & gt; & Lt; / Div & gt; & Lt; div class = "archo-project-item-image" & gt; & Lt; A href = "project.html" & gt; & Lt; IMG src = "Asset / Image / Project-coolayam / 1.jpg" /> & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "col-lg-3" & gt; & Lt; Div class = "archo-project-item" & gt; & Lt; div class = "archo-project-item-title" & gt; & Lt; A href = "project.html" & gt; & Lt; H5 & gt; Project Title & lt; / H5> & Lt; / A & gt; & Lt; / Div & gt; & Lt; div class = "archo-project-item-image" & gt; & Lt; A href = "project.html" & gt; & Lt; IMG src = "asset / image / project-cooliam / 1.jpg" /> & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "col-lg-3" & gt; & Lt; Div class = "archo-project-item" & gt; & Lt; div class = "archo-project-item-title" & gt; & Lt; A href = "project.html" & gt; & Lt; H5 & gt; Project Title & lt; / H5> & Lt; / A & gt; & Lt; / Div & gt; & Lt; div class = "archo-project-item-image" & gt; & Lt; A href = "project.html" & gt; & Lt; IMG src = "asset / image / project-cooliam / 1.jpg" /> & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div class = "col-lg-3" & gt; & Lt; Div class = "archo-project-item" & gt; & Lt; div class = "archo-project-item-title" & gt; & Lt; a href = "project.html" & gt; & Lt; H5 & gt; Project Title & lt; / H5> & Lt; / A & gt; & Lt; / Div & gt; & Lt; div class = "archo-project-item-image" & gt; & Lt; a href = "project.html" & gt; & Lt; IMG src = "asset / image / project-cooliam / 1.jpg" /> & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

CSS:

  .archo-project-type-header {background: # 000; Color: #fff; Opacity: .8; Padding: 15px; } .archo-all-projects-container & gt; .gogo-project-list & gt; .row {} .archo-all-projects-container .goo-project-list {overflow-y: auto; Overflow-X: Hidden; } .archo-all-projects-container .archo-all-projects-header {background: #fff; Opacity: .8; Padding: 15px; } .archo-all-projects-container .archo-project-item {background: # 2b2b2b; Margin-down: 15px; } .archo-all-projects-container .archo-project-item-image {text-align: center; Padding: 10px; } .archo-all-projects-container .archo-project-item-title {text-align: center; Padding: 10px 0 0 0; }arch.roo-project-item-title. Color: #fff; } .archo-all-projects-container .archo-project-item-image a: hover, .archo-all-projects-container .archo-project-item-title a: hover {text-decoration: none; Color: #fff; } .archo-all-projects-container .archo-all-project-title {background: # 000; } .archo-project-item .archo-project-item-title {color: #fff; } / * Test below * / .archo-all-projects-container {/ * background: #fff; * / Bottom: 168px; Width: 100%; Top: 75px; Status: Completed; }   

Looks correct in both Chrome and Firefox

Your code in $ ('body') Outcome with external head () 0. The reason for this is that you are using the full position of the elements. When you do this, the body element always has a height of 0 pixels because there is no element in it which will extend its height. You can try set width: 100% on body element. it should work.

Comments

Popular posts from this blog

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

jasper reports - How to center align barcode using jasperreports and barcode4j -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -