#php #css #opera-mini
#php #css #opera-mini
Вопрос:
Я разработчик php. Я разрабатываю сайт для мобильных устройств, используя php hawhaw.inc.
я использую page sim для настройки css для моей страницы
как
$myPage->use_simulator("http://".$_SERVER["SERVER_NAME"].":".$_SERVER['SERVER_PORT'].dirname($_SERVER['PHP_SELF'])."/css/style.css")
в моем css-файле я пишу css для table. он установлен в Windows mobile, но не установлен в браузерах Opera mini и black berry.
Страница является
$myPage = new HAW_deck("Login ", HAW_ALIGN_CENTER);
/*$myPage->set_bgcolor('#337fa6');
$myPage->set_background('../images/body_bg.jpg');
$myPage->set_css_class('skin');*/
$myHtmlCode = '<link href="css/style.css" rel="stylesheet" type="text/css" media="handheld" /><link rel="stylesheet" type="text/css" href="css/style.css" /><meta name="viewport" content="initial-scale=1.0"/><meta name="viewport" content="user-scalable=false" />';
$myAdblock = new HAW_raw(HAW_HTML, $myHtmlCode);
$myPage->add_raw($myAdblock);
/*$myPage->set_width('50%');
$myPage->set_height('50%');*/
$myPage->use_simulator("http://".$_SERVER["SERVER_NAME"].":".$_SERVER['SERVER_PORT'].dirname($_SERVER['PHP_SELF'])."/css/style.css");
$myForm = new HAW_form($_SERVER['PHP_SELF']);
$text = new HAW_text("Please enter username amp; password:");
$text1 = new HAW_text("REMcloud", HAW_TEXTFORMAT_BOLD | HAW_TEXTFORMAT_BIG);
$myImage1 = new HAW_image('','../images/logo.png','REMcloud','');
$myImage1->set_br(1);
$myImage1->set_html_width(200);
$myImage1->set_html_height(100);
$error=new HAW_text($_REQUEST['msg'], HAW_TEXTFORMAT_BOLD);
$error->set_color("#ff0000", "red");
$theID = new HAW_input("username", "", "Username", "*N");
$theID->set_size(4);
$theID->set_maxlength(20);
$text2 = new HAW_text("");
$thePW = new HAW_input("password", "", "Password", "*N");
$thePW->set_size(4);
$thePW->set_maxlength(20);
$thePW->set_type(HAW_INPUT_PASSWORD);
$theSubmission = new HAW_submit("Submit", "submit");
// add the elements in the form
//$myForm->add_text($text1);
$myForm->add_image($myImage1);
//$myForm->add_text($text2);
$myForm->add_text($error);
$myForm->add_text($text2);
$myForm->add_text($text);
$myForm->add_text($text2);
$myForm->add_input($theID);
$myForm->add_text($text2);
$myForm->add_input($thePW);
$myForm->add_text($text2);
$myForm->add_submit($theSubmission);
$myPage->add_form($myForm);
$myPage->create_page();
css является
/* HAWHAW skin stylesheet for the hawhaw phone */
body {
background-color: #FFFFFF;
text-align: center;
margin: 0px;
padding: 0px;
color: #222222;
}
#skin {
margin: 0px auto;
padding: 0px;
text-align: left;
width: 280px;
height: 466px;
background-image: url(../../images/bg.jpg);
background-color:#337fa6;
background-repeat:repeat-x;
}
#display {
position: relative;
top: 80px;
/* left: 43px;*/
width: 100%;
height: 85%;
overflow: auto;
}
TABLE{
width:100%;
padding-left:-10px;
overflow:scroll;
height:20px;
border:none;
font-family:Calibri;
font-size:14px;
}
tr{
height:20px;
}
td{
color:#fff;
border:none;
}
a
{
font-family:Calibri;
font-size:16px;
}
если кто-нибудь знает, пожалуйста, посоветуйте мне то же самое
Заранее спасибо
Комментарии:
1. Я не говорю, что это решение, но css чувствителен к регистру — попробуйте изменить TABLE на table. Некоторые браузеры достаточно умны, чтобы разобрать его — некоторые создают проблемы.
Ответ №1:
есть такая вещь о таблицах стилей / типе носителя: как документ должен быть представлен на разных носителях/
экраны компьютеров: media= «экран» для печати: media= «печать» для мобильных устройств: media = «карманный»
если ваш css не работает, возможно, ему нужен атрибут media;
<link rel="stylesheet" type="text/css" media="handheld" href="mobile.css" />
конечно, это всего лишь теория; это другие типы носителей w3c-media
если ваш css работает, но ваш класс table не работает;
придайте таблице другой стиль, например;
HTML : <table class="blabla"><tr><td></td></tr></table>
css : table.blabla{height:20px;}
или table.blabla tr td{height:20px;}
Комментарии:
1. К вашему сведению: Opera Mini использует media=»screen», если только она не переключена в режим просмотра с мобильного устройства (в этом случае она использует media = «handheld»).
Ответ №2:
Если страница в Opera Mini выглядит некорректно, я предлагаю выполнить отладку в Opera Desktop, который использует тот же движок рендеринга и предлагает для отладки Opera Dragonfly.
Ответ №3:
Или вы можете использовать это, чтобы проверить фактическую совместимость Opera mini
http://www.quirksmode.org/m/css.html
У Opera mini много проблем с веб-стандартами, надеюсь, это поможет вам.