Forum PHP.pl > [HTML][CSS] IFrame bez scrolla

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [HTML][CSS] IFrame bez scrolla

zeczonyswiadek

14.02.2012, 18:38:01

Chciałbym osiągnąć efekt dokładnie taki jak np. tu http://www.wykop.pl/ramka/1043551/powieksz...pomocy-zabawki/ :

:::::div z jakimś tekstem:::::
::zawartość strony w ramce::

Mimo wielu prób własnych oraz analiz kodu powyższej strony nie udało mi się osiągnąć tego efektu w 100%. Największym problemem jest pojawiający się scroll przy ramce - za nic nie mogę go usunąć.

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>a</title>
        <style type="text/css">
             #ramka{width:100%;height:100%}
             #tekst{width:100%}
        </style>
    </head>
    <body>
        <div id="tekst">
            Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... Lorem... 
        </div>
            <iframe frameborder="0" src="http://www.onet.pl" id="ramka">
		Brak obslugi
            </iframe>
    </body>
</html>
[HTML] pobierz, plaintext

CuteOne

14.02.2012, 19:58:47

google -> iframe scroll

aż tak trudno poszukać?

crocodillo

14.02.2012, 22:00:24

css: overflow, chyba że źle zrozumiałem

zeczonyswiadek

15.02.2012, 13:00:22

@crocodillo:

Dla overflow:hidden - prawie dobrze, pojawia sie tylko jeden scroll pionowy, ale zawartość strony wczytuje sie tylko w czesci, reszta jest ucieta

Dla overflow:visible - dwa scrolle pionowe, jeden dla całej strony, jeden dla strony w ramce

Dla overflow:auto - jak wyżej

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.