css - Can the contents of a table cell overflow vertically? -

-

a table cell may have content overflows, explained in in fixed table layout:

any cell has content overflows uses 'overflow' property determine whether clip overflow content.

but can overflow vertical? table height algorithms says

in css 2.1, height of cell box minimum height required content.

so if understand correctly, shouldn't possible. can make happen on firefox:

table {    height: 0;    border: 5px solid blue;  }  td {    width: 100px;    height: 100%;    border: 5px solid red;  }  div {    height: 100%;    border: 1px solid;    background-color: yellow;  }
<table>    <tr>      <td>        <div>foo</div>        <div>bar</div>      </td>    </tr>  </table>

am misunderstanding spec, or bug?

§17.5.3 table height algorithms says

css 2.1 not define how height of table cells , table rows calculated when height specified using percentage values.

and shows — wildly different results in various browsers.

here's looks on ie:

and on chrome:

from can tell:

  • chrome calculating minimum height required having both div elements @ minimum height required contents, sizing table accordingly, , ignoring height: 100% declaration on div elements.

  • ie , firefox size table in same way chrome, choose apply height: 100% on div elements instead. results in overflow describe.

  • ie funky expands first div upwards, seemingly ignoring baselines altogether despite fact div elements block-level, not inline-level.

since undefined behavior, particularly kind deals percentage heights, it's hard if of browsers either correct or wrong in specific situation. suspect you're more likely, though still not guaranteed, satisfactory answer original question specifying fixed heights on table cells instead.


Comments

Post a Comment

Popular posts from this blog

SQL php on different pages to Insert (mysqli) -

-
i have piece of php code, works when placed on index page ( index.php ), nothing if put in page, i.e. add.php for example: having code add.php page, tried go to: www.myhost.com/add.php , nothing happen. if copy code index.php , go page www.myhost.com/index.php add row in sql table. why that? <?php $server="mysql.server.com"; $user="randomusr"; $pass="randompwd"; $db="randomdb"; $link=mysqli_connect($server, $user, $pass, $db); $result=mysqli_query($link,"select * `battery` `id`"); $query = "insert battery (id,type,owner,charge,time) values ('1','lily002','maisnow','15','2015-04-22 17:20:28')"; mysqli_query($link, $query); header("location: index.php"); //this 1 comment out when copied index.php ?> l # name type collation attributes null 1 id int(16) no ...
Read more

How to combine associative arrays in bash? -

-
does know of elegant way combine 2 associative arrays in bash normal array? here's i'm talking about: in bash can combine 2 normal arrays follows: declare -ar array1=( 5 10 15 ) declare -ar array2=( 20 25 30 ) declare -ar array_both=( ${array1[@]} ${array2[@]} ) item in ${array_both[@]}; echo "item: ${item}" done i want same thing 2 associative arrays, following code not work: declare -ar array1=( [5]=true [10]=true [15]=true ) declare -ar array2=( [20]=true [25]=true [30]=true ) declare -ar array_both=( ${array1[@]} ${array2[@]} ) key in ${!array_both[@]}; echo "array_both[${key}]=${array_both[${key}]}" done it gives following error: ./associative_arrays.sh: line 3: array_both: true: must use subscript when assigning associative array the following work-around came with: declare -ar array1=( [5]=true [10]=true [15]=true ) declare -ar array2=( [20]=true [25]=true [30]=true ) declare -a array_both=() key in ${!array1[@]}; ...
Read more

c++ - No viable overloaded operator for references a map -

-
i trying use map can make tag names reference number. when try , use it, in code error (6 in total every time reference map): src/main.cpp:25:45: error: no viable overloaded operator[] type 'std::map<std::string, std::string>' const char* idcs = node.child_value(tagmap[3]); this code: #include "pugi/pugixml.hpp" #include <iostream> #include <string> #include <map> int main() { pugi::xml_document doca, docb; std::map<std::string, pugi::xml_node> mapa, mapb; std::map<std::string, std::string> tagmap {{"1", "data"}, {"2", "entry"}, {"3", "id"}, {"4", "content"}}; if (!doca.load_file("a.xml") || !docb.load_file("b.xml")) { std::cout << "can't find input files"; return 1; } (auto& node: doca.child(tagmap[1]).children(tagmap[2])) { co...
Read more