Intereting Posts
Получить JSONArray без имени массива? EditText setText не отображается на фрагменте диалога Как программно инициировать голосовой поиск Google Now? Android: AbsListView.OnScrollListener SCROLL_STATE_IDLE не вызывается после SCROLL_STATE_TOUCH_SCROLL (версия 2.1) Android & Dalvik – получить размер объекта Настройка стиля базовых TextViews в style.xml Как начать обслуживание в андроиде без активности Java.lang.NoClassDefFoundError со всеми R classess при использовании библиотеки Android Кордова / Телефонная связь Все внешние запросы Ajax Возвраты 404 Почему аннотации под Android такие проблемы производительности (медленные)? TextView с фиксированной шириной с растянутым составом Как получить правильную ширину окна при изменении ориентации для устройств Android как на планшетах, так и на мобильных телефонах Не влияет ли onClickListener на пользовательский интерфейс, пока весь код внутри него не будет запущен в Android? Как получить данные из базы данных sqlite в android и отобразить их в TextView Показывать виджет тоста под представлением

Расслоение внутри HTML внутри webview

У меня есть html-ресурсы, которые показывают благодаря веб-просмотру в android. С текущими браузерами отображается хорошо, но с более старыми браузерами, такими как Android 2.1, идет то, что вы видите на изображениях.

Первое изображение моего приложенияПотерпеть неудачу

Я помещаю код на случай, если кто-то захочет его увидеть.
HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Documento sin título</title> <script> function show(divactual,textactual) { if(document.getElementById(divactual).style.display == "block"){ document.getElementById(divactual).style.display = "none"; document.getElementById(textactual).innerHTML = "show details..."; } else if(document.getElementById(divactual).style.display == "none"){ document.getElementById(divactual).style.display = "block"; document.getElementById(textactual).innerHTML = "hidden details..."; } } </script> <style type="text/css"> body{ background-color:transparent; font-family: Verdana, Geneva, sans-serif; font-size: 1.0em; font-style: normal; color:#999999; margin:10px; } body a{ color:#0CF; text-decoration:none; } #bg { z-index: -14; width: 100%; } #letrapequena { font-family: Verdana, Geneva, sans-serif; font-size: 0.6em; color: #00537c; } #tituloseccion{ font-family: Verdana, Geneva, sans-serif; font-size: 1.5em; font-style: normal; font-weight: bold; color:#7AB800; } #headtwo{ font-family: Verdana, Geneva, sans-serif; font-size: 1.2em; font-style: normal; font-weight: bold; color:#7AB800; } #headthree{ font-size: 1.1em; font-style: normal; font-weight:bold; color:#00537C; } #container{ background-color:#D8F7FE; margin:10px 0; color:#00537c; font-weight:bold; } </style> </head> <body style="background-color:transparent;"> <div id="tituloseccion"> Titleone </div> <hr align="left" width="90%" size="0.1em" color="#999999"> <div id="headtwo">titletwo</div> <div id="bigcontainer" style="display:block;"> <div id="headthree">titlethree</div> <div id="generalcont" style="display:block;"> <div id="container" style="display:block;"> <div style="display:inline">parrone&nbsp;&nbsp;&nbsp;</div> <div style="display:inline;"> <a href="javascript:show('info1','text1');" id="text1">show datails...</a> </div> </div> <div id="info1" style="display:none;" > text text text text text text text text </div> </div> <div id="generalcont" style="display:block;"> <div id="container" style="display:block;"> <div style="display:inline">parrtwo&nbsp;&nbsp;&nbsp;&nbsp;</div> <div style="display:inline;"> <a href="javascript:show('info2','text2');" id="text2">show details...</a> </div> </div> <div id="info2" style="display:none;" > text text text text text text text </div> </div> </div> <div id="letrapequena" style="display:block;"> text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </div> </body> </html> 

ЯВА

  package es.ibys.prueba.webview; import android.app.Activity; import android.graphics.Color; import android.os.Bundle; import android.webkit.WebView; public class PruebawebviewActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); WebView myWview = (WebView) findViewById(R.id.webview); String miurl = "file:///android_asset/index2.htm"; myWview.getSettings().setJavaScriptEnabled(true); myWview.setBackgroundColor(Color.TRANSPARENT); myWview.loadUrl(miurl); } } 

Я не знаю, как это исправить. Я попытался изменить слой, css, div, стили … все, что произошло со мной. Кто-нибудь случилось? Как вам удалось? Пожалуйста помоги

Solutions Collecting From Web of "Расслоение внутри HTML внутри webview"

Вы уверены, что это не проблема с вашим JS?

Вот сценарий с вашим кодом: http://jsfiddle.net/8wsvu/

Является ли функция show() чистой JS функцией Android, или она должна быть JS? В JS я недостаточно большой, чтобы узнать, есть ли это, но googling не принес результатов, поскольку это JS-функция.

Мое второе предположение о том, почему это неправильное расслоение, состоит в том, что div абсолютизированы друг на друга.

Если вы можете использовать jQuery для отображения и скрытия элементов на странице, это будет намного проще.