Ciao a tutti.
Spero di riuscire a farvi capire il mio problema:
sto cercando di capire come viene interpretato un sito su ipad. Io da quello che ho capito la risoluzione dei siti su ipad è di 1024px ma dopo varie prove ho notato che i siti vengono visualizzati bene fino alla risoluzione di 980px.
Vi posto il codice di una pagina di test:
Con dimensione di .box di 980px tutto funziona bene, se la imposto a 990px l'elemento che viene allineato a dx viene leggermente tagliato. Qualcuno mi sa dire il perché???

Grazie
codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento senza titolo</title>
<style type="text/css">
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, img, small, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	background: transparent;
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
.header {
	background: #1F1F1F center 0;
	height: 94px;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1;
}
.box {
	margin: auto;
	position: relative;
	width: 980px;
	z-index: 0;
	background-color:#096;
	height: 80px;
}
ul li {
	float:left;
	color: #FFF;
	width: 200px;
	background-color: #999;
	margin: 10px;
}
.right {
	position:absolute;
	top: 0px;
	right: 0px;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	background-color:#993333;
}
</style>
</head>

<body style="background-color:#993333">
<div class="header">
  <div class="box">
    <ul>[*]Menu1[*]Menu2[*]Menu3[*]Menu4[/list]
    <div class="right">altro</div>
  </div>
</div>
</body>
</html>