Widoczne suwaki w <iframe> na pełnym ekranie

0

Witam skorzystałem z kody

<!DOCTYPE html>
<html>
    <head>
        <meta charset=utf-8 />
        <title>Słówka Angielski</title>            
<iframe scrolling="no" src="stronawww" style="width: 99vw; height: 100vh; overflow: hidden; border: none;"></iframe>

atrybut "stronawww" jest wstawiona aby nie podawać tej prawdziwej. Chodzi mi o to że pokazuje mi pasek o skrolowania w bok i w góre/dółczy da się coś zmienić w tym kodzie aby strona wyświatlała się poprawnie bez scrollowania , bo chociaż że normalnie się mieści, ale jak wkleje ją do tego kodu to pokazuje tak:

Zrzut ekranu 2022-08-30 142254.png

0

Szybka odpowiedź: Może się da a może nie, to zależy od wielu rzeczy.

Postaraj się jeszcze raz napisać swoje pytanie w języku polskim tak żeby chciało się to czytać.
Wówczas może ktoś postara się udzielić odpowiedzi.

0

Trzeba ustalić czy te suwaki sa na <body>, bo <iframe> się nie mieści; czy suwaki są na <iframe> bo jej content się nie mieści.

0

po pierwsze zmień width: 99vw; height: 100vh na width: 100%; height: 100%, po drugie ustal border, margin, padding na 0 dla html i body i ustal im takie samo width i height

0
obscurity napisał(a):

po pierwsze zmień width: 99vw; height: 100vh na width: 100%; height: 100%, po drugie ustal border, margin, padding na 0 dla html i body i ustal im takie samo width i height

Riddle napisał(a):

Trzeba ustalić czy te suwaki sa na <body>, bo <iframe> się nie mieści; czy suwaki są na <iframe> bo jej content się nie mieści.

A chociaż może byście mi napisali jak na wybranej stronie zrobić skrolowanie, czyli tylko żeby na wybranych przeze mnie stronach była możliwość scrollowania

0
pkuzm napisał(a):
obscurity napisał(a):

po pierwsze zmień width: 99vw; height: 100vh na width: 100%; height: 100%, po drugie ustal border, margin, padding na 0 dla html i body i ustal im takie samo width i height

Riddle napisał(a):

Trzeba ustalić czy te suwaki sa na <body>, bo <iframe> się nie mieści; czy suwaki są na <iframe> bo jej content się nie mieści.

A chociaż może byście mi napisali jak na wybranej stronie zrobić skrolowanie, czyli tylko żeby na wybranych przeze mnie stronach była możliwość scrollowania

Suwaki do scrollowania są dodawane automatycznie do każdego elementu na stronie, który jest większy niż swój rodzic. Jest to ustawiane przez styl overflow:auto;.

Jeśli chcesz schować suwak, to masz trzy wyjścia:

  • Albo sprawić że rodzic będzie większy, żeby pomieścić dziecko
  • Albo sprawić że dziecko będzie mniejsze, żeby zmieściło się w rodzicu
  • Albo zostawić za duże dziecko w za małym rodzicu, ustawiając np overflow:hidden;, tylko wtedy oczywiście nie będziesz widział "uciętej" części.

W Twoim przypadku jeszcze dochodzi dodatkowa komplikacja o której pisałem, bo nie wiem czy suwak pojawia się na <iframe> w Twoim <body>, czy we wnętrzu Twojej treści w Twoim <iframe/>, trzeba by to najpierw ustalić, potem działac.

No chyba że masz całkowicie wywalone, to możesz zrobić w CSS:

* {
  overflow: hidden;
}

Wtedy wszystko co jest "ucięte" zostanie ucięte, tylko oczywiście jak WTEDY będziesz chciał coś znaleźć to good luck.

0
Riddle napisał(a):
pkuzm napisał(a):
obscurity napisał(a):

po pierwsze zmień width: 99vw; height: 100vh na width: 100%; height: 100%, po drugie ustal border, margin, padding na 0 dla html i body i ustal im takie samo width i height

Riddle napisał(a):

Trzeba ustalić czy te suwaki sa na <body>, bo <iframe> się nie mieści; czy suwaki są na <iframe> bo jej content się nie mieści.

A chociaż może byście mi napisali jak na wybranej stronie zrobić skrolowanie, czyli tylko żeby na wybranych przeze mnie stronach była możliwość scrollowania

Suwaki do scrollowania są dodawane automatycznie do każdego elementu na stronie, który jest większy niż swój rodzic. Jest to ustawiane przez styl overflow:auto;.

Jeśli chcesz schować suwak, to masz trzy wyjścia:

  • Albo sprawić że rodzic będzie większy, żeby pomieścić dziecko
  • Albo sprawić że dziecko będzie mniejsze, żeby zmieściło się w rodzicu
  • Albo zostawić za duże dziecko w za małym rodzicu, ustawiając np overflow:hidden;, tylko wtedy oczywiście nie będziesz widział "uciętej" części.

W Twoim przypadku jeszcze dochodzi dodatkowa komplikacja o której pisałem, bo nie wiem czy suwak pojawia się na <iframe> w Twoim <body>, czy we wnętrzu Twojej treści w Twoim <iframe/>, trzeba by to najpierw ustalić, potem działac.

No chyba że masz całkowicie wywalone, to możesz zrobić w CSS:

* {
  overflow: hidden;
}

Wtedy wszystko co jest "ucięte" zostanie ucięte, tylko oczywiście jak WTEDY będziesz chciał coś znaleźć to good luck.

Dzięki za pomoc z użyciem twoich wskazówek udało mi się mniej więcej ale wystarczająco osiągnąć swój cel

1 użytkowników online, w tym zalogowanych: 0, gości: 1