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

Beitrag lesen

Habe ich gerade durchgeführt (Cache gelöscht) habe auch mal alternative Browser installiert. Sowohl im senkrechten als auch im horizontalen Modus bleibt der Text "Das ist ein Test" größer als der restliche Text

Habe nun nochmal eine 2. Datei erzeugt: http://united-x.com/?p=projekte3 Dort habe ich oben jetzt nur "Hier steht jetzt nur wenig Text" eingetragen und schon passt es wieder mit der einheitlichen Formatierung. Warum :/? Das mein Code Jahrtausende alt ist, ist mir bewusst, alle anderen Seiten wurden auch immer ohne Probleme angezeigt. Nur diesmal klappt es nicht und ich sehe absolut keinen Fehler.

Hier nochmal der komplette Code:

index.php

<!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>United X Projektseite</title>
<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></head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td height="20" colspan="2" bgcolor="#666666"></td>
  </tr>
  <tr>
    <td width="27%" height="50" align="center" valign="middle" bgcolor="#FFFFFF"><img src="images/unitedx2.png" width="150" height="50" alt="unitedxlogo" /></td>
    <td width="73%" height="50" bgcolor="#FFFFFF"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td class="Navi_text"><a href="?p=start"><strong>Startseite</strong></a></td>
        <td class="Navi_text"><a href="?p=about"><strong>Über mich</strong></a></td>
        <td class="Navi_text"><a href="?p=projekte"><strong>Projekte</strong></a></td>
        <td class="Navi_text"><a href="?p=impressum"><strong>Impressum</strong></a></td>
        <td class="Navi_text"><a href="?p=kontakt"><strong>Kontakt</strong></a></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td colspan="2" align="center" valign="top" class="background"><table width="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="15%"></td>
        <td width="70%" valign="top" background="images/inhaltbg.png">
        	<br/>
            <?php 
		if ($_GET['p'] != "") {
			if (file_exists("./content/".$_GET['p'].".php")) {
				include ("./content/".$_GET['p'].".php");
			} else { include ("./content/error/404.php"); }
		} else { include ("./content/start.php"); }
		 ?>
          	<br/>         
        </td>
        <td width="15%"></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td height="40" colspan="2" align="center" valign="middle" bgcolor="#666666"><span class="copyright">© 2015 united-x.com</span>    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <br />
        <br />
        <img
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="CSS ist valide!" width="88" height="31" style="border:0;width:88px;height:31px" />    </a>

    <a href="http://validator.w3.org/check?uri=referer"><img
      src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" height="31" width="88" /></a>  </td>
  </tr>
</table>
</body>
</html>

projekte3.php

<table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td>Hier steht jetzt nur wenig 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>