Strona1.html
oraz
Strona2.html
Strona1.html to strona która znajduje się gdzieś daleko i do której nie ma się dostępu oraz na której zawarte są pewne informacje. Strona2.html to strona którą możemy dowolnie edytować i w której w polu <iframe> ma znaleźć się fragment Strona1.html, ale tak by był widoczny TYLKO sam obrazek - bez zawartości "bla bla" czy "cium cium".
Dotychczasowe rozwiązanie problemu było proste - wystarczyło odpowiednio ustawić w CSS wielkość pola oraz marginesy dla <iframe> i pokazywał się tylko sam obrazek. Jednak jeżeli na Strona1.html, zmieniła się wielkość lub ilość tekstu w polu <div id="bla"> (lub pojawiał się jakiś dodatkowy element przed obrazkiem) to położenie obrazka na stronie się zmieniało i statycznie ustawione marginesy w CSS dla obrazka wyświetlały błędny fragment strony.
Pytanie teraz jest jakie, czy jest jakiś sposób, nie koniecznie tylko związany z samym CSS, dzięki któremu marginesy na <iframe> mogłyby by zmieniać się w zależności od położenia obrazka. Albo może istnieje jakiś inny sposób?
Oczywiście obrazek to tylko prosty element dla tego przykładu, więc nie piszcie że można skopiować adres obrazka lub zgrać go na własny dysk ;-) Chodzi mi o jakąś skuteczną metodę, dzięki której będzie można wyświetlać dynamicznie zmieniający się dany fragment strony, opierając się na np. ID elementów znajdujących się na tej nieedytowalnej stronie. Może jest jakaś inna metoda niż statyczne marginesy dla <iframe>? Parsowanie w PHPie też odrzucamy, całość raczej musi wykonać się po stronie okna przeglądarki...