ramki div a rozdzielczość !!! :(

HTML to podstawy w dziedzinie tworzenia stron WWW, Style CSS warto opanować, bowiem za ich pomocą można dostosować odpowiednio wygląd swojej witryny WWW. Zagłębiamy się dalej i udostępniamy w tym forum możliwość zadawania pytań o JavaScript.
ODPOWIEDZ
Dude
Posty: 3
Rejestracja: wt sty 13, 2004 2:34 am

ramki div a rozdzielczość !!! :(

Post autor: Dude »

Błagam o pomoc w następujacym nagłym przypadku :P

Stworzyłem strone we flashu, gdzie w kodzie html wstawiłem ramki div.

Kod: Zaznacz cały

<div style="position: absolute; top: 98px; left: 560px; width: 215; height: 230; z-index: 200" id="zawieraramke"> 
<table border="0" width="345" height="295"> 
<tr> <td width="345" height="295"> 
<iframe src="1.html" width="345" height="295" scrolling="auto" frameborder="0" align="CENTER" vspace="1" hspace="1" name="naszaramka"> </iframe> </td> </tr> 
</table> 
</div> 
Problem jest następujacy ze gdy zmieniam rozdzielczość ramka wędruje mi po stronie i niszczy cały efekt!

Widziałem skrypt wykrywający rozdzielczość (js) czy da sie go zmodyfikować dla moich potrzeb to znaczy czy po wykryciu danego ustawienia ekranu skrypt
zmieniał by połozenie mojej ramki ?

Nie wiem czy lamerze ale jestem zdesperowany,a post pisze po 2 więc mogłem namiszać ;)
Mayhen
Nowy
Nowy
Posty: 158
Rejestracja: śr lip 10, 2002 9:21 pm
Lokalizacja: 21°41' E | 50°35' N
Kontakt:

Re: ramki div a rozdzielczość !!! :(

Post autor: Mayhen »

Kod: Zaznacz cały

position: absolute
jak sama nazwa wskazuje - pozycja absolutna - stała, postaraj sie ten element spozycjonoważ używając relativ podajac wartosci odleglosci od najblizszego elementu (wczesniejszego).

najlepiej daj linka do strony.
Dude
Posty: 3
Rejestracja: wt sty 13, 2004 2:34 am

Re: ramki div a rozdzielczość !!! :(

Post autor: Dude »

Hi
Z tym relativ próbowałem - ramka wogle sie nie ukazuje :(

Tu podaje link do strony (oczywscie wersji okrojonej do bólu ;) )

Stronke tworzyłem w rozdzielczości 1024 na 768 i w tej wygląda normanie ;).
W każdej innej ramka zmienia położenie :(
Dude
Posty: 3
Rejestracja: wt sty 13, 2004 2:34 am

Rozwiązanie

Post autor: Dude »

Thx za pomoc ale pomoc już nadeszła w postaci skryptu: :)

Kod: Zaznacz cały

<script language="javascript" type="text/javascript"><!--
// Autor: Volkov

var Wide = screen.width;
     if (Wide <=  640) window.location = "index640.html";
else if (Wide <=  800) window.location = "index800.html";
else if (Wide <= 1024) window.location = "index1024.html";
else                   window.location = "index1152.html";
//--></script>
ODPOWIEDZ