Loading:

Książka Zend Framework 3. Poradnik Programisty.

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..:

 



Napisz Artykuł

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>&nbsp;</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>&nbsp;</td>

</tr>
</table>
</body>
</html>


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=6388

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: altres Ranga: Poziom 10 Punktów: 449
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors