✔ W3C-Standard

Binio · 16. November 2006

Hallo habe ein kleines Problem mit mein W3c Standart. Folgender Quellcode:

PHP:

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
...
...
echo"<table border='0'>
		<tr>
			<td rowspan='4' valign='top' style='padding:10px;'>";
			if($_GET['standort']=='hamm')
				echo"<img src='fahrschule/hamm.jpg' width='250' height='250' />";
			else
				echo"<img src='fahrschule/unna.jpg' width='250' height='250' />";
			echo"
			</td>
			<td valign='top' align='left' style='padding-top:10px;'>
				<table border='0'>
					<caption><p align='left'><b>Anschrift:</b></p></caption>
					<tr><td>Fahrschule Koos</td></tr>";
					if($_GET['standort']=='hamm')
						echo"<tr><td>Heessenerstr. 63 &bull; 59065 Hamm &bull; Deutschland</td></tr>";
					else
						echo"<tr><td>Wasserkurlerstr. 1 &bull; 59457 Unna &bull; Deutschland</td></tr>";
					echo"
				</table>
			</td>
		</tr>
			<tr><td>
				<table border='0'>
					<caption><p align='left'><b>Telefonisch:</b></p></caption>
					<tr><td>02381 / 5447287</td></tr>
				</table>
			</td>
		</tr>
		</tr>
			<tr><td>
				<table border='0'>
					<caption><p align='left'><b>Mobil:</b></p></caption>
					<tr><td>0172 / 1545155 oder 0151 / 50366722 </td></tr>
				</table>
			</td>
		</tr>
		</tr>
			<tr><td>
				<table border='0'>
					<caption><p align='left'><b>Öffnungszeiten:</b></p></caption>";
					if($_GET['standort']=='hamm')
						echo"<tr><td>".$spalte['string']."</td></tr>";
					else
						echo"<tr><td>".$spalte['string']."</td></tr>";
					echo"
				</table>			
			</td>
		</tr>
	</table>";

wird im Opera ganz anders als im Mozilla und Ie angezeigt. Es geht um die Caption über den Tabellen. Ich dachte ein Standart ist überall gleich. Wie kann ich es hinbekommen das beides gleich aussieht also nicht unterschiedliche höhen hat ?

Maik · 17. November 2006

Das caption-Element darf keine Blockelemente, wie beispielsweise das p-Element enthalten; soviel zum W3C-Standard

Stattdessen kannst du das Element mit CSS formatieren

Code:

caption {
text-align: left;
font-weight: bold;
}

Code:

<caption>Anschrift:</caption>

und wird so in den unterschiedlichen Browsern einheitlich dargestellt.

✔ W3C-Standard

Binio

Erfahrenes Mitglied

Maik

Neue Beiträge