I have this div which can be found in the AJAX loader 'image Works in the form of ' This is pure CSS. The problem I am having is that the page has a lot of content and if you are somewhere down the page, you will not see the loader because it appears anywhere on top of the page. Why do I need to change:
div id = "floatingbarsg" style = "display: none; condition: full; top: 50%; left : 50%; padding: 2px; z-index: 99999 "& gt; & Lt; Div class = "blockG" id = "rotateG_01" & gt; & Lt; / Div & gt; & Lt; Div class = "blockG" id = "rotateG_02" & gt; & Lt; / Div & gt; & Lt; Div class = "blockG" id = "rotateG_03" & gt; & Lt; / Div & gt; & Lt; Div class = "blockG" id = "rotateG_04" & gt; & Lt; / Div & gt; & Lt; Div class = "blockG" id = "rotateG_05" & gt; & Lt; / Div & gt; & Lt; Div class = "blockG" id = "rotateG_06" & gt; & Lt; / Div & gt; & Lt; Div class = "blockG" id = "rotateG_07" & gt; & Lt; / Div & gt; & Lt; Div class = "blockG" id = "rotateG_08" & gt; & Lt; / Div & gt; & Lt; / Div & gt; Tried all types of
margins options, but nothing worked.
Try this:
#floatingBarsG {status: fixed; Top: 50%; Left: 50%; Conversions: Translation (-50%, -50%); }
Comments
Post a Comment