rich1.0phorkiehttps://p.cweiske.de/CSS: column-width + min-heightChristian Weiske86400900900<!-- embedding all files of https://p.cweiske.de/367 -->
<link rel="stylesheet" href="https://p.cweiske.de/css/embed.css"/>
<div class="phork" id="367">
<div class="phork-file">
<div class="phork-content">
<div class="document">
<p>CSS property <tt class="docutils literal"><span class="pre">column-width</span></tt> together with <tt class="docutils literal"><span class="pre">min-height</span></tt> breaks things with Chromium 53 and iOS 9.2</p>
</div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/367/rev-raw/0cbea825cfc89b74106fa3ceecb4331e756d24d5/README.rst" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/367#README.rst">README.rst</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<style type="text/css">/**
* GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann
* (http://qbnz.com/highlighter/ and http://geshi.org/)
*/
.xml .de1, .xml .de2 {font: normal normal 1em/1.2em monospace; margin:0; padding:0; background:none; vertical-align:top;}
.xml {font-family:monospace;}
.xml .imp {font-weight: bold; color: red;}
.xml li, .xml .li1 {color: #DDD;}
.xml .ln {width:1px;text-align:right;margin:0;padding:0 2px;vertical-align:top;}
.xml .es0 {color: #000099; font-weight: bold;}
.xml .br0 {color: #66cc66;}
.xml .sy0 {color: #66cc66;}
.xml .st0 {color: #ff0000;}
.xml .sc-1 {color: #808080; font-style: italic;}
.xml .sc0 {color: #00bbdd;}
.xml .sc1 {color: #ddbb00;}
.xml .sc2 {color: #339933;}
.xml .sc3 {color: #009900;}
.xml .re0 {color: #000066;}
.xml .re1 {color: #000000; font-weight: bold;}
.xml .re2 {color: #000000; font-weight: bold;}
.xml span.xtra { display:block; }
</style><div class="code"><table class="xml"><tbody><tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
</pre></td><td class="de1"><pre class="de1"><span class="sc3"><span class="re1"><html</span> <span class="re0">xmlns</span>=<span class="st0">"http://www.w3.org/1999/xhtml"</span><span class="re2">></span></span>
  <span class="sc3"><span class="re1"><head<span class="re2">></span></span></span>
    <span class="sc3"><span class="re1"><meta</span> <span class="re0">charset</span>=<span class="st0">"utf-8"</span><span class="re2">/></span></span>
    <span class="sc3"><span class="re1"><title<span class="re2">></span></span></span>column-width test<span class="sc3"><span class="re1"></title<span class="re2">></span></span></span>
    <span class="sc3"><span class="re1"><meta</span> <span class="re0">name</span>=<span class="st0">"viewport"</span> <span class="re0">content</span>=<span class="st0">"width=device-width, initial-scale=1.0"</span><span class="re2">></span></span>
  <span class="sc3"><span class="re1"></head<span class="re2">></span></span></span>
  <span class="sc3"><span class="re1"><body<span class="re2">></span></span></span>
    <span class="sc3"><span class="re1"><ul</span> <span class="re0">style</span>=<span class="st0">"column-width: 40ex; min-height: 10ex;"</span><span class="re2">></span></span>
      <span class="sc3"><span class="re1"><li<span class="re2">></span></span></span>Lebensmittel<span class="sc3"><span class="re1"></li<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><li<span class="re2">></span></span></span>Coffee Shops<span class="sc3"><span class="re1"></li<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><li<span class="re2">></span></span></span>Tankstellen<span class="sc3"><span class="re1"></li<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><li<span class="re2">></span></span></span>Postfilialen<span class="sc3"><span class="re1"></li<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><li<span class="re2">></span></span></span>Büchereien, Bibliotheken<span class="sc3"><span class="re1"></li<span class="re2">></span></span></span>
      <span class="sc3"><span class="re1"><li<span class="re2">></span></span></span>Shopping<span class="sc3"><span class="re1"></li<span class="re2">></span></span></span>
    <span class="sc3"><span class="re1"></ul<span class="re2">></span></span></span>
  <span class="sc3"><span class="re1"></body<span class="re2">></span></span></span>
<span class="sc3"><span class="re1"></html<span class="re2">></span></span></span>
 </pre></td></tr></tbody></table></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/367/rev-raw/0cbea825cfc89b74106fa3ceecb4331e756d24d5/column-width.html" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/367#column-width.html">column-width.html</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<div class="image"><img src="367/rev-raw/0cbea825cfc89b74106fa3ceecb4331e756d24d5/screen-chromium-1.png" alt="screen-chromium-1.png"/></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/367/rev-raw/0cbea825cfc89b74106fa3ceecb4331e756d24d5/screen-chromium-1.png" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/367#screen-chromium-1.png">screen-chromium-1.png</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<div class="image"><img src="367/rev-raw/0cbea825cfc89b74106fa3ceecb4331e756d24d5/screen-chromium-2.png" alt="screen-chromium-2.png"/></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/367/rev-raw/0cbea825cfc89b74106fa3ceecb4331e756d24d5/screen-chromium-2.png" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/367#screen-chromium-2.png">screen-chromium-2.png</a>
</div>
</div>
<div class="phork-file">
<div class="phork-content">
<div class="image"><img src="367/rev-raw/0cbea825cfc89b74106fa3ceecb4331e756d24d5/screen-ios.png" alt="screen-ios.png"/></div>
</div>
<div class="phork-meta">
<a href="https://p.cweiske.de/367/rev-raw/0cbea825cfc89b74106fa3ceecb4331e756d24d5/screen-ios.png" style="float: right">view raw source</a>
<a href="https://p.cweiske.de/367#screen-ios.png">screen-ios.png</a>
</div>
</div>
</div>