html - How can I make "display: block" work on a <td> in IE? -

-

is there can make ie display table cells actual blocks?

given style:

table,tbody,tr,td,div {   display: block;   border: 1px solid #0f0;   padding: 4px; }

and html:

<table>   <tbody>     <tr>       <td>r1c1</td>       <td>r1c2</td>       <td>r1c3</td>     </tr>   </tbody> </table>  <div>   <div>     <div>       <div>r1c1</div>       <div>r1c2</div>       <div>r1c3</div>     </div>   </div> </div>

the table renders same nested divs in both firefox , safari/chrome. in internet explorer (8) property display: block has no effect. table renders if don't set property.

my main problem cells don't break; render on 1 line. (the tbody , tr elements don't borders nor padding. not problem me right now, though.)

i haven't found information on problem when searching. compatibility charts on quirksmode , elsewhere states ie supports display: block since v. 5.5. discussion on table display problems seems when doing reverse - giving non-table elements of display: table-* properties.

so once again, there can make ie render table cells block?

(the real table table, tabular data. keep way, , restyle unobtrusively.)

i applied float: left stuff. kinda works.

live demo

the biggest problem width: 100% combined padding making things wide.

so:
live demo (without problematic padding)

that looks bit better, i'm not sure how can add padding everywhere if need it.

this fails --> miserably <-- in ie7 (it won't on fact it's <table>), , if don't care ie7, need tweaking use case (if it's usable @ all).

ie7:

enter image description here


Comments

Post a Comment

Popular posts from this blog

Javascript line number mapping -

-
magically formatted comments change reported line number of javascript errors in browsers; this: //@line n "f" n line number , f file name. unfortunately, //@line appears ungoogleable. know there documentation on feature, , browsers support it? (i found references here , here .) from can find available in mozilla based browsers. it using js_setoptions command can turn these options on or off depending on values passed. https://developer.mozilla.org/en/js_setoptions
Read more

c# - Is it possible to remove an existing registration from Autofac container builder? -

-
something along lines: builder.registertype<mytype>().as<itype>(); builder.registertype<mytype2>().as<itype>(); builder.deregistertype<mytype>().as<itype>() var container = builder.build(); var types = container.resolve<ienumerable<itype>>(); assert.istrue(types.count == 1); assert.istrue(types[0].gettype == typeof(mytype2)); scenario: go through bunch of assemblies , go register types want make sure have 1 implementation of given type. need before create container. track on own nice if autofac me bit. this cannot done directly using containerbuilder , unless start on new one. mind you, having first built container should able construct new container filtering away unwanted types , reusing registrations first container. this: ... var container = builder.build(); builder = new containerbuilder(); var components = container.componentregistry.registrations .where(cr => cr.activator.limittype != typ...
Read more

php - Mysql PK and FK char(36) vs int(10) -

-
i have read mysql can handle indexes , searches better if tables keys integers rather char(36) uuid's. is worth converting int(10)? note: use 1 server , have have plans use multiple databases concurrently therefore removing 1 of big reasons using uuid. our tables innodb if makes difference. thanks in advance. usually rdbms can handle integer keys pk more efficient, other datatypes. reason how build index column, yes: long dont require string (or other typed) keys, should use integers. however: char(36) , int(10) far away being equal, because int(10) much smaller, char(36). dont know, if require many different keys, should keep in mind. update, complete last paragraph: int(10) 32-bit, char(36) 36 - ^byte^ (= 288-bit). not mean, int consumes less space, means, char(36) has 4 times more different keys.
Read more