[HTML] Seite Automatisch an den Browser anpassen?

wshbR · 23. Juli 2012

Hallo Leute,

ich habe gestern meine erste Seite mit HTML erstellt.

Und jetzt möchte ich das sich die Seite Automatisch an den Browser des Besuchers anpasst,

wie funktioniert das?

Mein Code:

PHP

<html>
<head>
<title>Made by wshbR</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Unbenannt-6) -->
<table id="Tabelle_01" width="auto" height="auto" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="11">
			<img src="Bilder/index_01.gif" width="1919" height="342" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="342" alt=""></td>
	</tr>
	<tr>
		<td rowspan="5">
			<img src="Bilder/index_02.gif" width="175" height="614" alt=""></td>
		<td rowspan="3">
			<a href="http://www.youtube.com/RelentlessPusher?gl=DE&hl=de" target="http://www.youtube.com/RelentlessPusher?gl=DE&hl=de">
				<img src="Bilder/Youtube.gif" width="225" height="76" border="0" alt=""></a></td>
		<td rowspan="5">
			<img src="Bilder/index_04.gif" width="105" height="614" alt=""></td>
		<td rowspan="4">
			<a href="https://wshbrtechnics.tk/download/" target="https://wshbrtechnics.tk/download/">
				<img src="Bilder/DownloadServer.gif" width="222" height="78" border="0" alt=""></a></td>
		<td colspan="7">
			<img src="Bilder/index_06.gif" width="1192" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="Bilder/index_07.gif" width="102" height="613" alt=""></td>
		<td>
			<a href="http://minecreeper.y-inet.de/" target="http://minecreeper.y-inet.de/">
				<img src="Bilder/MCFORUM.gif" width="222" height="74" border="0" alt=""></a></td>
		<td rowspan="4">
			<img src="Bilder/index_09.gif" width="115" height="613" alt=""></td>
		<td rowspan="3">
			<a href="http://wshbrtechnics.tk/info/" target="http://wshbrtechnics.tk/info/">
				<img src="Bilder/Information.gif" width="221" height="77" border="0" alt=""></a></td>
		<td rowspan="4">
			<img src="Bilder/index_11.gif" width="118" height="613" alt=""></td>
		<td rowspan="2">
			<a href="http://forum.sa-mp.de/index.php?page=User&userID=19707" target="http://forum.sa-mp.de/index.php?page=User&userID=19707">
				<img src="Bilder/Breadfish.gif" width="224" height="75" border="0" alt=""></a></td>
		<td rowspan="4">
			<img src="Bilder/index_13.gif" width="190" height="613" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="74" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="Bilder/index_14.gif" width="222" height="539" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Bilder/index_15.gif" width="225" height="538" alt=""></td>
		<td rowspan="2">
			<img src="Bilder/index_16.gif" width="224" height="538" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/index_17.gif" width="222" height="536" alt=""></td>
		<td>
			<img src="Bilder/index_18.gif" width="221" height="536" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="536" alt=""></td>
	</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>

Alles anzeigen

fabi288 · 23. Juli 2012

Die Frage bitte genauer stellen.

Also was soll sich den Brower anpassen etc.

Longibotti · 23. Juli 2012

Oftmals reicht es, einen qualitativen Dokumententyp zu wählen. Wer mit Zentrierungen im Internet Explorer beispielsweise Probleme hat, dem genügt es, wenn er

Code

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

an den Seitenanfang schreibt.

wshbR · 23. Juli 2012

Die Homepage bzw. die ganze Grafik soll sich an den Browser des Besucher anpassen

du siehst hier -> http://wshbrtechnics.tk/ das es viel zu groß ist

E:

Longbotti meinst du über dem

PHP

<title>Made by wshbR</title>

?

Longibotti · 23. Juli 2012

Das liegt nicht am Browser Du meinst die Fensterhöhe. Arbeite doch mit Prozentangaben. Beispielsweise statt 900px nimmst du 80%.

Cal44 · 23. Juli 2012

Das geht mit Javascript.

Hier mal ein Link

http://www.bongard.net/blog/20…javascript-browserweiche/

Lg Cal44

wshbR · 23. Juli 2012

Bin neu in dem Gebiet, kenne mich nicht so gut aus

Cal44 · 23. Juli 2012

In deine Seite das rein.

PHP

<script type="text/javascript" language="JavaScript" src="script.js"></script>

In die script.js folgendes rein. (Wenn nicht vorhanden, erstellen)

PHP

function checkBrowserName(name){ 
var agent = navigator.userAgent.toLowerCase(); 
if (agent.indexOf(name.toLowerCase())>-1) { 
returntrue; 
} 
returnfalse; 
} 


Dann einfach mit Variablen arbeiten. Z.b. 


if(checkBrowserName('MSIE')){ 
$hoehe = 1000px; 
} 


if(checkBrowserName('opera')){ 
$hoehe = 1200px; 
} 


if(checkBrowserName('safari')){ 
$hoehe = 800px; 
} 


if(checkBrowserName('firefox')){ 
$hoehe = 700px; 
}

Alles anzeigen

diese Variablen benutzt du dann einfach bei den Tabellen z.b.

PHP

<table height=$hoehe border="0" cellpadding="0" cellspacing="0">

Das gleiche machst du dann auch mit der Breite.

(Die Werte sind von mir ausgedacht.)

Lg Cal44

fabi288 · 23. Juli 2012

Cal44 aka Mert Seit wann geht das so mit dein JavaSript? In Google Crome zumindest nicht. Auserdem bei Javascript immer var int etc. beim Initialisieren vorschreiben, zwar nicht wie bei PHP notwendig aber besser ist Gestern verbessern aber jetzt falsch machen.

Cal44 · 23. Juli 2012

Der Code war nur rein provisorisch.

fabi288 · 23. Juli 2012

Super meiner gestern auch ! Also !!

breadfish.de 11. März 2022