[CSS]Nie działający overlay strony. Opcje

[pabito]

Witam
Postanowiłem zrobic overlay strony.
Użyłem do tego tego narzędzia =>http://jquerytools.org/documentation/overlay/
Chcę zrobić tak aby nakładka, która ma się pojawiać pochodziła z innej strony.
I teraz mam problem, gdy kliknę na napis 'View Box Contest' pojawia mi się nakładka, ale układ strony psuje się. A gdy wyjde za pomocą klawisza ESC całą strona mi znika.

Efekt można zobaczyć tutaj: http://46.41.129.8/canai_/index9.php

a strona, która mi się ładuje jest tutaj: http://46.41.129.8/canai_/index12.php

nie wiem tez jak zrobić aby czerwone tło było na całość ładowanego okna

[freemp3]

Popraw strukturę strony lub ogarnij w jakiś inny sposób overlay. W tej chwili zarówno stały content jak i ten ładowany masz w overlay. Zmieniając mu style będzie rozjeżdżać Ci się stała treść, która jest w środku, a przy ukrywaniu będzie znikać.

[pabito]

poprawiłem, ale teraz gdy wcisnę ESC ładowana strona zostaje

[freemp3]

Ponieważ ukrywasz tylko tło, a overlay dalej jest ustawiony jako widoczny.

[pabito]

a czy można to jakoś zmienić ?
patrząc na przykład http://jquerytools.org/demos/overlay/external.html

wydaje mi się, że zeorbiłem tak samo jak tam

edit:

@up to wina position:absolute

a jak włączyć scrolling na tej stronie
http://46.41.129.8/canai_/index9.php

tak jak w tym przykładzie

http://jquerytools.org/demos/overlay/external.html

Ten post edytował pabito 26.08.2013, 13:52:29

[freemp3]

Dla elementu:

Kod

div.contentWrap

ustaw wysokość (wartość z ze strony demo):

Kod

height:450px;