Jak dopasować autmatycznie stronę do rozdzielczości
Jako że skrypt działa głównie na javascript dlatego daję go tutaj
Jest to uniwersalna metoda:
"Jak dopasować wyświetlanie do rozdzielczości"
Najpierw w sekcji <HEAD></HEAD> powinieneś umieścić JavaScript wykrywający rozdzielczość, ja zawsze dodaję wszędzie granicę "0" w stylach..
W części <BODY></BODY> musisz zastosowac 3rzędową, ale jednowierszową tabelkę..
Cała tabelka ma "rozpiętość" 100%, natomiast ta w środku jej "rospiętość" ma dokładnie: "770", (lecz możesz ustawić szerszą, jeśli masz szersze grafiki)
..i to w nią wpisujesz to co masz u siebie w sekcji <BODY></BODY>
Wysokość tej tabelki jest taka, jak zawartość Twojej stony.., (w <BODY>)
Podam Ci szkielet, a Ty wklej co potrzeba od siebie..:
Listing
<!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=iso-8859-2" />
<title>Nazwa Twojej Strony</title>
<script type="text/javascript">
<!--
function roco_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.roco_pgW=innerWidth; document.roco_pgH=innerHeight; onresize=roco_reloadPage; }}
else if (innerWidth!=document.roco_pgW || innerHeight!=document.roco_pgH) location.reload();
}
roco_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td width="770">
UWAGA! - Dokładnie w to miejsce wpisz to co masz u siebie w
sekcji - Body, dokładnie między znacznikami "(<BODY>.....</BODY>)"
</td>
<td> </td>
</tr>
</table>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Nazwa Twojej Strony</title>
<script type="text/javascript">
<!--
function roco_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.roco_pgW=innerWidth; document.roco_pgH=innerHeight; onresize=roco_reloadPage; }}
else if (innerWidth!=document.roco_pgW || innerHeight!=document.roco_pgH) location.reload();
}
roco_reloadPage(true);
//-->
</script>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td width="770">
UWAGA! - Dokładnie w to miejsce wpisz to co masz u siebie w
sekcji - Body, dokładnie między znacznikami "(<BODY>.....</BODY>)"
</td>
<td> </td>
</tr>
</table>
</body>
</html>
Dodano przez: altres Ranga: 0 Punktów: 0
Komentarze użytkowników
-
-
Tre¶æ komentarza
-
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno
