internet explorer - PNG img displays in Visual Studio Designer but not IE -

-

i writing webpage. want there banner image on top of webpage. here html , css:

index.html

<!doctype html> <html> <head>     <title>protect environment!</title>     <link rel="stylesheet" type="text/css" href="styles.css" /> </head> <body>     <div>         <img src="http://intranet.kings.edu.hk/~s13977/banner.png"             id="banner-image"              alt=""/>      </div> </body> </html>

styles.css

body {     background:#f8e4e4;     font-family:'segoe ui', tahoma, geneva, verdana, sans-serif;     font-size:medium; }  #banner-image {     height: 106px;      width: 582px; }

as can see, did put image in html , src set correct url. can copy url , check. here how looks visual studio designer: enter image description here

but when run ie, looks this: enter image description here

i tried add #banner-image css rule:

visibility:visible;

but doesn't work @ all. page stays same!

i think there problems div want keep it. makes things easier manage.

in testing, didn't find difference in html ordering, although wasn't extremely thorough. adding float class directly image or in surrounding <div> makes no difference, images still not show up.
fortunately, fix quite simple! add 3 lines css. file , problem solved.

no hacks, no conditionals, pure, validating css.

img {     position: relative; }

for many headaches got dealing internet explorer's inadequacies, slap on face when realized how simple solution is. relative positioning magic fix in ie, try out if you've got odd quirk that's causing grief!

note : tested , workied fine


Comments

Post a Comment

Popular posts from this blog

c - Bitwise operation with (signed) enum value -

-
i using enumerator values flags: typedef enum { = 0x00, b = 0x01u, // u has no influence, expected c = 0x02u, // u has no influence, expected ... } enum_name; volatile unsigned char* reg = someaddress; *reg |= b; according misra-c:2004 bitwise operations shall not done signed type. unfortunately, compiler iar use signed int (or short or char) underlying type of enums, , option can find relates size, not signedness ("--enum-is-int"). according iar c/c++ development guide arm , pages 169 , 211, can define type of enum s if enable iar language extensions ( -e command-line option, or project > options > c/c++ compiler > language > allow iar extensions in ide). in particular, should define "sentinel" value, make sure compiler chooses correct type. prefers signed types, , uses smallest possible integer type, sentinel should largest positive integer corresponding unsigned integer type can describe. example, typedef enum
Read more

xslt - Unnest parent nodes by child node -

-
in xml there items 0-n attributes , item should copied each attribute new item 1 attribute. given xml this: <?xml version="1.0" encoding="utf-8" ?> <items> <item> <name>a</name> <attributes> <attribute> <key>attribute1</key> <value>1</value> </attribute> </attributes> </item> <item> <name>b</name> </item> <item> <name>c</name> <attributes> <attribute> <key>attribute1</key> <value>5</value> </attribute> <attribute> <key>attribute2</key> <value>2</value> </attribute> <attribute> <key>attri
Read more

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -

-
im stuck on 3 days , have tried have come across after lots of searching ,this post last resort, im trying open youtubeplayerfragment using navigation drawer youtubeplayerfragment cannot cast android.support.v4.app.fragment problem edit question : have updated code have used youtubeplayersupportfragment instead of youtubeplayerfragment ,i error in displayview method (case 4: fragment = new youtube(); break;) in main activity saying cannot convert youtube fragment , cannot logcat since cant run it edit question 2: code updated again have runtime problem ,heres logcat 07-22 22:15:09.782: e/androidruntime(20603): fatal exception: main 07-22 22:15:09.782: e/androidruntime(20603): process: net.frankandwalters, pid: 20603 07-22 22:15:09.782: e/androidruntime(20603): java.lang.nullpointerexception: attempt invoke virtual method 'void com.google.android.youtube.player.youtubeplayerview.a()' on null object reference 07-22 22:15:09.782: e/androidruntime(20603): @ com.goog
Read more