CODEWITHSUNDEEP
htmlcssscrolloverflow
p4rad1s3
p4rad1s3

Reputation: 41

HTML page overflows, but can't scroll

I'm trying to update my website, but the content is overflowing off the screen and going out of view since there's no scroll bar. You can see at caves.neocities.org.

I tried using margin and padding in the CSS style for the body but nothing is working.

Here's the CSS for the body and page. The divs on my site are all about the same and the HTML for the div overflowing is like this:

body {
  color: black;
  font-family: Courier;
  overflow: scroll;
}

.main1 {
  background-image: linear-gradient(#000000, #435454);
  border: double;
  border-color: #D2EFEF;
  width: 600px;
  margin: 0 auto;
  margin-top: 50px;
}
<div class="browse">
  <center> Site Links </center> <br>
  <hr> testing, once again!
</div>

Upvotes: 1

Views: 953

Answers (3)

Pushprajsinh Chudasama
Pushprajsinh Chudasama

Reputation: 7949

Try this:

.weather {
    position: relative;
    overflow-x: hidden;
}

Or

body {
    color: black;
    font-family: Courier;
    overflow-y: scroll!important;
}

Upvotes: 0

Mariselvam
Mariselvam

Reputation: 159

Your error :::

.weather class from weather.min.css is overridiing your css rules;

.weather {
    position: relative;
    overflow: hidden;
}

Try this :::

body {
    color: black;
    font-family: Courier;
    overflow-y: auto !important;
}

Upvotes: 1

9841pratik
9841pratik

Reputation: 195

.weather class from weather.css is overridiing your css rules, apply !important on your overflow rule.

Upvotes: 0

Related Questions