html - Firefox absolute position bug -

-

i'm having problem absolute position in firefox. works different chrome, ie or opera.

i'm talking navigation here http://mapylasky.xdiv.cz/

in browsers expect firefox in 1 line. in firefox not in place.

.menu-item{      position: absolute;      color: #000;  }   .menu-item .icon{      position: absolute;      background-image: url('<?php echo get_template_directory_uri(); ?>/img/menu/menu-icons.png');   }    .menu-item .desc{       position: absolute;       font-size: 16px;    }  .container{     width: 1100px;     margin: 0 auto;     position: relative; }   .menu-item .icon{    height: 56px;   }  .menu-item.prvni{     left: 11px;     top: 21px; }  .menu-item.prvni .icon{     width: 193px;     height: 92px;     background-position-x: 452px; }  .menu-item.prvni .desc{     left: 0px;     top: 0px; }

html

        <div class="navigation-background">             <div class="container">                       <a href="javascript: void(0)" onclick="scrolltoanchor('uvod');">                         <div class="menu-item prvni active" id="home-menu">                             <div class="icon"></div>                         </div>                     </a>                </div>         </div>

what doing wrong?

jsfiffle: https://jsfiddle.net/2cne0fnc/

firefox not support background-position-x, support background-position

simply change background-position-x: 100px background-position:100px 0 include both x , y position.

working example : https://jsfiddle.net/41xb9xfb/


Comments

Post a Comment

Popular posts from this blog

android - Gradle sync Error:Configuration with name 'default' not found -

-
i want add external library guillotinemenu-android in application. followed steps given in upvoted answer existing question how add library project android studio? facing error when try build project after step 6 i.e. when added dependency in app/build.gradle compile project(":guillotinemenu") . tried stackoverflow links related error not working out. have made folder named libs in app directory , copied project folder guillotine menu there. here build.gradle(module:app) file apply plugin: 'com.android.application' android { compilesdkversion 22 buildtoolsversion "22.0.1" defaultconfig { applicationid "com.sunshine.bbreaker.appet_i" minsdkversion 14 targetsdkversion 22 versioncode 1 versionname "1.0" } buildtypes { release { minifyenabled false proguardfiles getdefaultproguardfile('proguard-android.txt'), 'proguard-rules.p...
Read more

StringGrid issue in Delphi XE8 firemonkey mobile app -

-
i'm using delphi xe8 developing mobile application , i'm facing of problem in tstringgrid. i have written following code in stringgridselectcell event. showmessage(stringgrid.cells[0, arow]); and shows proper value of selected row @ first time. when have tried click again selected row, event not getting fired. , cant able unselect particular row. so, have tried write message in onclick event. var irowind: integer; begin irowind := stringgrid1.selected; showmessage(stringgrid.cells[0, irowind]); end; and not working @ first time of click , when clicked second time works properly. issue in android mobile , not in windows. later, have kept both event code , faced issue. when i'm scrolling grid, firing onclick event. so, displaying selected row value. please provide me solution. , in advance. let's onclick event: procedure tfmmain.stringgrid1click(sender: tobject); begin caption := 'selected row id: ' + stringgrid1.select...
Read more

html - jQuery UI Sortable - Remove placeholder after item is dropped -

-
i'm trying nested sortable , i'm kind'a succeeding, there's 1 small little inconvenience bugs me. i want placeholder disappear after i've dropped dragged item (on mouseup) , can't quite figure out how it. i want because when sort downwards, deletion of placeholder affects parent's height, in turn creates small bug, check jsfiddle here. html <div class="container"> <h1>menu</h1> <ul class="list-group striped nest"> <li class="list-group-item">home <ul class="list-group striped nest"></ul></li> <li class="list-group-item">about <ul class="list-group striped nest"></ul></li> <li class="list-group-item"> services <ul class="list-group striped nest"> <li class="list-group-item">design <ul class=...
Read more