Tobias Hoffmann: Probleme mit Schriftgrößen auf verschiedenen Geräten

Beitrag lesen

problematische Seite

Hallo liebe Community,

Alternativ-Texthabe ein Problem was die Schriftgröße betrifft, sobald mehr Text irgendwo enthalten ist.

Mein Style sieht so aus:

<style type="text/css">
<!--

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	
}
body,td,th {
	font-size: 100%;
}
.Navi_text{
font-size:120%;
color:#666666;

}
.copyright{
color:#FFFFFF;
font-size:90%;
}
.background{
background-image:url(images/IMAG0647_1.jpg);
background-size: auto auto;
background-repeat: repeat;
background-position: top;
}
.inhalt{
background-image:url(images/inhaltbg.png)
}
a:link {
	color:#666666;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color:#666666;
}
a:hover {
	text-decoration: none;
	color:#666666;
}
a:active {
	text-decoration: none;
	color:#666666;
}


-->
</style>

Auf allen Seiten funktioniert es auch, wenn man sich die Webseite auf einem PC in einem Browser anguckt, sobald ich aufs Tablet wechsel oder auf das Smartphone, sind überall unterschiedliche Schriftgrößen zu sehen.

Der Quellcode der Seite wo es auftritt ist folgender:

<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>Das ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test TextDas ist ein Test Text<br />
      <br />
      <table width="100%" border="0" align="left" cellpadding="0" cellspacing="5">
      <tr>
        <td width="150" align="center" valign="top"><img src="images/elozucht.png" alt="elozucht" width="150" height="150"></img></td>
        <td align="left" valign="top" >Zu meinen aktuellen Projekten gehören folgende Seiten. Ich weise auch hier nochmal darauf hin, dass alle Projekte als Hobby entstanden sind und na          </td>
      </tr>
      <tr>
        <td width="150" align="center" valign="top"><img src="images/hundepflege.png" alt="hundepflege" width="150" height="150"></img></td>
        <td align="left" valign="top" >Zu meinen aktuellen Projekten gehören folgende Seiten. Ich weise auch hier nochmal darauf hin, dass alle Projekte als Hobby entstanden sind und nach bestem Gewissen programmiert worden sind. Ich nutze HTML, CSS, PHP und MySQL(i)<br />
          Zu </td>
      </tr>
      <tr>
        <td align="center" valign="top"><img src="images/irjgvniederelbe.png" alt="irjgvniederelbe" width="150" height="150"></img></td>
        <td align="left" valign="top" >Zu meinen aktuellen Projekten gehören folgende Seiten. Ich weise auch hier nochmal darauf hin, dass alle Projekte als Hobby entstanden sind und nach bestem
        <tr>
        <td align="center" valign="top"><img src="images/idgniederelbe.png" alt="idgniederelbe" width="150" height="150"></img></td>
        <td align="left" valign="top" >Zu meinen aktuellen Projekten gehören folgende Seiten. Ich weise auch hier nochmal darauf hin, dass alle Projekte als Hobby entstanden sind und nach bestem Gewissen programmiert w</td>
      </tr>
      <tr>
        <td align="center" valign="top"><img src="images/hundeplatzhorneburg.png" alt="hundeplatzhorneburg" width="150" height="150"></img></td>
        <td
 align="left" valign="top" >Zu meinen aktuellen Projekten gehören folgende Seiten. Ich weise auch hier nochmal darauf hin, dass alle Projekte als Hobby entstanden sind und nach bestem Gewissen programm</td>
      </tr>
    </table></td>
  </tr>
</table>

Diese Seite wird per PHP included.

Hat einer eine Idee, kann er das mal auf einem Smartphone oder Tablet testen?