html - Why is my clearfix not working in Firefox? -

-

this site:

http://m2c.dreamhosters.com/wordpress/

the clearfix:

.clearfix:after, .sub-menu:after, .sub-menu:after li {     content: "";     display: table;     clear: both; }

works totally ok in chrome. in firefox doesn't show in element inspector (and makes parents div shrink.

how can fix problem?

as mentioned in comments, firefox dropping rule because .sub-menu:after li in selector invalid. in css2.1 , selectors 3, 1 pseudo-element may appear @ per complex selector , must @ end of selector. when encountering invalid selector in ruleset browser must drop entire ruleset. why it's not showing in inspector.

to fix it, either remove offending selector, appears mistake:

.clearfix:after, .sub-menu:after {     content: "";     display: table;     clear: both; }

or if meant apply :after pseudo-element .sub-menu li, relocate pseudo-element so:

.clearfix:after, .sub-menu:after, .sub-menu li:after {     content: "";     display: table;     clear: both; }

so, instead of asking why css doesn't work on firefox, real question is: why chrome accept it? that's because webkit (and extension blink) known more lenient when comes parsing pseudo-elements, perhaps due fact employs non-standard features require actively violating spec. quote this other answer of mine:

perhaps root of problem lies in fact you're trying add generated content other pseudo-elements, again seems work in webkit browsers whatever bizarre reason. unlike above issue generated content within replaced elements, current selectors 3 spec , upcoming selectors 4 spec both clear on this: not supposed have more 1 pseudo-element per complex selector. of course, webkit has infamously flouted various rules when comes implementing pseudo-elements, in hindsight not surprise me see webkit mess doing so.

either way, real conclusion implementation of css generated content extremely poor beyond scope of current standard of css2.1 + selectors, mean generated content replaced elements such input , progress, , nesting of pseudo-elements in single selector.


Comments

Post a Comment

Popular posts from this blog

java - Plugin org.apache.maven.plugins:maven-install-plugin:2.4 or one of its dependencies could not be resolved -

-
i getting error message , further 1 here: failed read artifact descriptor org.apache.maven.plugins:maven-install-plugin:jar:2.4: even though when go .m2 repository path c:\users\a591024.m2\repository\org\apache\maven\plugins\maven-resources-plugin\2.4 the maven-resources-plugin-2.4.jar file there , maven-resources-plugin-2.4.pom there. have tried delete .m2 repository no luck. far maven not build project desperately need to. any ideas? it seems proxy issue please aad following in setting.xml grabbing lan setting , proxy information. <proxies> <proxy> <id>proxy</id> <active>true</active> <protocol>http</protocol> <host>hostname</host> <port>port</port> </proxy> </proxies> this frequent issue, please see below link well. plugin org.apache.maven.plugins:maven-clean-plugin:2.5 or 1 of dependencies not resolved maven: failed ret...
Read more

Round ImageView Android -

-
Image
i working on android application in doing rounded image view. working fine images, images 160x120 resolution shows oval shaped. code custom imageview given below, please me out here: public class roundimage extends drawable { private final bitmap mbitmap; private final paint mpaint; private final rectf mrectf; private final int mbitmapwidth; private final int mbitmapheight; public roundimage(bitmap bitmap) { mbitmap = bitmap; mrectf = new rectf(); mpaint = new paint(); mpaint.setantialias(true); mpaint.setdither(true); final bitmapshader shader = new bitmapshader(bitmap, shader.tilemode.clamp, shader.tilemode.clamp); mpaint.setshader(shader); mbitmapwidth = mbitmap.getwidth(); mbitmapheight = mbitmap.getheight(); } @override public void draw(canvas canvas) { canvas.drawoval(mrectf, mpaint); } @override protected void onboundschange(rect bound...
Read more

How can I utilize Yahoo Weather API in android -

-
Image
i want develop app using yahoo weather api android. want current , forecast weather details. i have tried different sources (e.g.: https://github.com/survivingwithandroid/weatherlib , getting error weatherlib api android , unable execute activity in android weatherlib ) , getting different errors m unable resplve. there can proper tutorial or guide! error: -17 08:50:48.961 3168-3168/com.survivingwithandroid.weather e/androidruntime﹕ fatal exception: main process: com.survivingwithandroid.weather, pid: 3168 java.lang.runtimeexception: unable start activity componentinfo{com.survivingwithandroid.weather/com.survivingwithandroid.weather.mainactivity}: java.lang.nullpointerexception: attempt invoke interface method 'boolean java.util.list.isempty()' on null object reference @ android.app.activitythread.performlaunchactivity(activitythread.java:2298) @ android.app.activitythread.handlelaunchactivity(activitythread.java:2360) @ android.app.activi...
Read more