Problemă CSS overflow la Body

Coduri intrebari, probleme legate de HTML, XHTML si CSS
leaguu
Mesaje:4

Problemă CSS overflow la Body

Bună ziua! Vă deranjez cu o problemă. Am creat o pagină web și i-am atribuit:

Cod: Selectaţi tot

body {overflow: hidden;}
Am adăugat conținut în așa fel încât să am nevoie de scroll.
În browser-ul Firefox, nu pot da scroll la pagină(perfect), dar în Chrome pot să dau scroll...
Care este soluția problemei mele și care este cauza?
Mulțumesc! O zi bună!!!
MarPlo Mesaje:4343
Salut
Incearca sa adaugi "overflow: hidden;" si la selectorul html.
Am testat acest cod in Firefox si Chrome; si functioneaza cum trebuie, adica bara de scroll e ascunsa.

Cod: Selectaţi tot

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Title</title>
<style>
html, body {
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#parent {
  position: relative;
  width: 2000px;
  height: 2000px;
  background:red;
  padding: 22px;
}
#parent #child {
  width: 2000px;
  height: 2000px;
  background:blue;
}
</style>
</head>
<body>
<div id="parent">Div parent 2000px.
  <div id="child">Div child 2000px.</div>
</div>
</body>
</html>

Subiecte similare