Ich habe Brettspiel mit einigen Bildern und Tabellen.
Das Display ist in Ordnung, wenn ich mit Chrome arbeite, aber in anderen Browsern, wie IE, oder anderen Computern mit kleinerem Bildschirm als meinem, wird das Display gestört.
Als ich versuchte, die Größe meines Browsers zu ändern, fand ich dieses Problem auch.Wie man die Größe der Bilder und Tabelle Zellen relativ auf Browser-Größenänderung
Bevor Browser Ändern der Größe nach links:
Nach Browser nach links Ändern der Größe: zu diesem Thema
Ich fand Beiträge und schlugen sie vor, zu verwenden:
margin-left: 10%;
margin-right: 10%;
zu den Bildern aber es hat nicht geholfen.
CSS:
td {
width: 105px;
height: 90px;
text-align: left;
vertical-align: top;
border: 1px solid black;
position: relative;
margin-left: 10%;
margin-right: 10%;
}
table
{
position: fixed;
left:9px;
top:8px;
}
#dice
{
right: 230px;
position:fixed;
margin-left: 10%;
margin-right: 10%;
}
HTML:
<img id="dice" src="Resources/images/dice_5.png" number="5">
<table oncontextmenu="return false">
<tbody>
<tr>
<td class="" cellnumber="1" row="0" col="0"><span>1</span></td>
<td class="" cellnumber="2" row="0" col="1"><span>2</span></td>
<td class="" cellnumber="3" row="0" col="2"><span>3</span></td>
<td class="" cellnumber="4" row="0" col="3"><span>4</span></td>
<td class="" cellnumber="5" row="0" col="4"><span>5</span></td>
</tr>
</tbody>
</table>
Wenn Sie behalten möchten die Würfel an dieser Stelle dann versuchen, es in seine eigene "" und dann Setzen Sie auf die '# Würfel' nehmen Sie die 'Position: behoben;' Or make it 'position: absolute;' Der Würfel setzt 230px vom Browserrand. – chaos505
Und ein anderer Pilger begibt sich auf die lange Reise, um Reaktionsfähigkeit zu finden. – Winchestro
Vielleicht eine jfiddle einrichten? – fraxture