title: CSS Height % Not working in Android App Screen
body: <p>I have an app that delivers screen content in an html format, pulled from a database. I need to work in percentages for width &amp; height of elements that make up the display, to accommodate various devices. I can't get the height % to work in any components, no matter what I try. I've reduced the layout to the simplest format for troubleshooting and am including it here. I've assigned background colors to elements so as to see the effects of code modifications.</p>
  
  <p>In the screenshot I've attached, the yellow background is part of the background art. The yellow HTML color attribute is hidden behind the red Body color, but should be showing at 100% height if working properly. This is my display code, simplified:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&gt; 
  &lt;html lang="en"&gt; 
  &lt;head&gt;
  &lt;title&gt;&lt;/title&gt; 
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; 
  &lt;style&gt; 
  *{ margin:0;   padding:0;}       
  html { width:100%;  min-height:100%;  background:yellow;}          
  body { width:100%;  min-height:100%;  background:red;} 
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;table style="height: 100%; background:white;"&gt;
  &lt;tr &gt;
  &lt;td width="275" height="200" bgcolor="blue"&gt;&lt;/td&gt;
  &lt;td width="275" height="200" bgcolor="brown"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td colspan="2" width="450" height="300" bgcolor="green"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
  &lt;td colspan="2" width="450" height="300" bgcolor="black"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is the screen shot of the app in a Nexus 7:
  <img src="https://i.stack.imgur.com/yNTOb.jpg" alt="Screen Shot of Code Render"></p>
  
  <p>Thanks for any help getting me through this.</p>
  
  <p>Cayce</p>
  
  <p>The Android Project Manifest.XML code:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="com.paulistpress.ordo"
      android:versionCode="3"
      android:versionName="1.3" &gt;
  
      &lt;uses-sdk
          android:minSdkVersion="8"
          android:targetSdkVersion="18" /&gt;
  
      &lt;supports-screens
          android:anyDensity="true"
          android:largeScreens="true"
          android:normalScreens="true"
          android:smallScreens="true"
          android:xlargeScreens="true" /&gt;
  
      &lt;uses-permission android:name="android.permission.INTERNET" /&gt;
      &lt;uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" /&gt;
      &lt;uses-permission android:name="com.android.vending.BILLING" /&gt;
      &lt;uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /&gt;
  
      &lt;application
          android:allowBackup="true"
          android:hardwareAccelerated="false"
          android:icon="@drawable/icon"
          android:label="@string/app_name"
          android:largeHeap="true"
          android:theme="@style/AppBaseTheme" &gt;
          &lt;activity
              android:name="Splash"
              android:label="@string/app_name"
              android:screenOrientation="portrait" 
              android:theme="@android:style/Theme.NoTitleBar.Fullscreen"&gt;
              &lt;intent-filter&gt;
                  &lt;action android:name="android.intent.action.MAIN" /&gt;
  
                  &lt;category android:name="android.intent.category.LAUNCHER" /&gt;
              &lt;/intent-filter&gt;
          &lt;/activity&gt;
          &lt;activity
              android:name="OrdoAppActivity"
              android:screenOrientation="portrait"
              android:windowSoftInputMode="adjustPan" &gt;
          &lt;/activity&gt;
      &lt;/application&gt;
  
  &lt;/manifest&gt;
  
  
  
  &gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt;&gt; Two places of WebView codes, as per my notes &gt;&gt;&gt;&gt;&gt;&gt;
      &lt;WebView
          android:id="@+id/view_about"
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="88" /&gt;
  
      &lt;WebView
          android:id="@+id/view_symbols"
          android:layout_width="match_parent"
          android:layout_height="0dp"
          android:layout_weight="88" /&gt;
  </code></pre>