Webside til mobiltelefon
HejJeg er ved at prøve at lave en webside til min mobil telefon der kører Opera Mini browser. Men problemer er at Opera "fortolker" websiden og oversætter den så den bedre passer til at blive vist på en mobil telefon. Dette er jeg dog ikke interesseret i da den viser det forkert.
Jeg har laver følgende side: www.mhoff.dk/test. Når den vises på mobilen bliver felterne og tekstboksen vist forkert. Den får dem til at fylde hele siden i bredden og sætter dem under hinanden, se her: http://www.mhoff.dk/test/mobil.gif
På opera.com (http://dev.opera.com/articles/view/designing-with-opera-mini-in-mind/) skriver de at man kan tilføje media="handheld" til CSS koden, for at få den til ikke at overæstte siden. Det har jeg prøvet, men det virker ikke.
Hele HTML koden ser sådan ud:
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" media="handheld" href="style/style.css">
<META NAME="Robots" CONTENT="NONE">
</head>
<body>
<P class="black-9"><b>Test</b></p><br>
<br><br>
<input type="text" name="Test" size="2">
<br><br>
<table border="1">
<tr>
<td style="width: 50px; background-color: #FFFF00">Felt1</td>
<td style="width: 50px; background-color: #FFCC00">Felt2</td>
</tr>
</table>
</body>
</html>
Som i kan se så skriver jeg media="handheld" oppe i HEAD hvor jeg henviser til CSS filen, men det virker ikke. Det eneste den funktion ændre er at når den er der så viser den den øverste tekst uden formattering, og når den ikke er på så viser den den øverste tekst rigtigt, dvs. med verdana str. 9.
Er der nogen der ved hvordan jeg får Opera Mini til at vise min side præcis som jeg designer den??
Pft.
Martin
