Skocz do zawartości


tablety.pl
Zdjęcie
- - - - -

Jak dopasować wyswietlanie do rozdzielczości ?




  • Zaloguj się, aby dodać odpowiedź
4 odpowiedzi w tym temacie

#1 tspan

tspan

    First Rank

  • Użytkownicy
  • 42 postów

Napisano 19 06 2006 - 10:01

Witam serdecznie
Jestem poczatkującym webmasterem (no moze to za mocne słowo) w kazdym razie jako prace zaliczeniowa mam do stworzenia stronke www. Mój problem polega na dopasowaniu wyswietlanej strony do róznych ustawień rozdzielczości w monitorach. W domu mam rozdzielczość 1152x860 i sprawdzając na innych monitorach cała praca zminia wygląd i się przestawiają poszczególne elementy.
Bardzo prosze o pomoc bo termin składania prac już blisko ....

Dzieki wielkie

#2 pyot

pyot

    Good Rank

  • Użytkownicy +
  • 507 postów
  • Płeć:Mężczyzna
  • Lokalizacja:PL

Napisano 20 06 2006 - 21:25

Gdybym tylko wiedział... ;)

Spróbuj przyjacielu na :
1
2
I wiele innych działających...,znalezionych przy pomocy G....e.

Pozdrawiam.

#3 roco

roco

    Good Rank

  • Użytkownicy +
  • 446 postów
  • Lokalizacja:N.Y.C.

Napisano 22 06 2006 - 01:03

..ale ja wiem.. :P

Nie wiem co tam masz na tej stronce.., zresztą nieważne..
Gdybym wiedział, to może miałbyś mniej roboty..

Jest bardzo dobre rozwiązanie, czyli krzyżóweczka JS z HTML, czyli ich bebe tzn. dhtml..

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

<!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">

Dokładnie w to miejsce wpisz to co masz u siebie w
sekcji - "(BODY></BODY)"

</td>

<td>&nbsp;</td>

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


Oczywiście takie rzeczy jak nazwa strony itp...

Jest to wypróbowana i co najważniejsze, bardzo skureczna metoda..
Muszisz jedynie zmieścić się ze swoimi elementami na stronie w: - width="770"
..hehe i oczywiście wpisać je do środkowej komórki, bo te po bokach..,
to jedynie "zderzaki".., czy "odboje".., jak kto woli..

Zastosuj tą metodę, napewno osiągniesz zamierzony rezultat..

Pozdrawiam :D
roco

Lamborgini Diablo z silnikiem Presto Rocket Motor?
Dołączona grafika.Dołączona grafika.Dołączona grafika
..we could change the world if God would give us the source code.
</HOUGH!>


#4 D3vill

D3vill

    First Rank

  • Użytkownicy
  • 1 postów

Napisano 03 06 2009 - 22:11

..ale ja wiem.. :D

Nie wiem co tam masz na tej stronce.., zresztą nieważne..
Gdybym wiedział, to może miałbyś mniej roboty..

Jest bardzo dobre rozwiązanie, czyli krzyżóweczka JS z HTML, czyli ich bebe tzn. dhtml..

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

<!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">

Dokładnie w to miejsce wpisz to co masz u siebie w
sekcji - "(BODY></BODY)"

</td>

<td>&nbsp;</td>

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


Oczywiście takie rzeczy jak nazwa strony itp...

Jest to wypróbowana i co najważniejsze, bardzo skureczna metoda..
Muszisz jedynie zmieścić się ze swoimi elementami na stronie w: - width="770"
..hehe i oczywiście wpisać je do środkowej komórki, bo te po bokach..,
to jedynie "zderzaki".., czy "odboje".., jak kto woli..

Zastosuj tą metodę, napewno osiągniesz zamierzony rezultat..

Pozdrawiam :)
roco



widzę ten sposób już na ok czwartej stronie a mnie sie wydaje ze takie działanie trochę nie ma sensu bo w takim razie równie dobrze można napisać stronę "na twardo" żeby wartości pikselowe nie przekraczały 800 i ustawić na wyśrodkowanie bez zbędnych kombinacji i tez będzie działać tylko jaki jest wtedy sens używania wyższej rozdzielczości? i po co to miejsce po bokach? ja chciałbym to miejsce wykorzystać i żeby przy zmianie rozdzielczości strona na divach porządnie się skalowała a nie zjeżdżała w jeden placek. Ma ktoś jakieś pomysły?

Pozdrawiam

#5 Sznchr0

Sznchr0

    First Rank

  • Użytkownicy
  • 1 postów

Napisano 10 07 2010 - 16:14

Trafiłem tu przypadkiem ale bardzo mi pomogłeś ,miałem problem z wypozycjonowaniem zdjęć (bardzo jest to frustrujące w htmlu ;/) u mnie działało jak powinno w innym edytorze nie ,ale ustawiłem rozdzielczość i hula ;)

Dzieki




Użytkownicy przeglądający ten temat: 0

0 użytkowników, 0 gości, 0 anonimowych