Div not appearing in Firefox

  • jhorejs1

    (@jhorejs1)


    11 years, 8 months ago

    I am using a new theme on my blog and have done some customization to the theme. Everything seems to be working beautifully except in Firefox, where my entire article DIV is gone, gone gone. It’s definitely a styling problem, because I can see all of the content in the code, but I’m suspecting that it’s either getting hidden behind the background image, or it’s getting sized into oblivion. I’ve pulled my hair out trying everything I can think of in the CSS, but I’m hoping someone else here might have run into a similar issue and can point me in the right direction.

    If you want to see the effect, try opening http://www.reddotblog.com in Firefox.

    Thanks for any direction.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Pioneer Web Design

    (@swansonphotos)

    11 years, 8 months ago

    The culprit is the last line here (style.css line 163):

    .main-container {
    width: 1014px;
    margin: 0 auto;
    max-width: 100%;
    background: #FFFFFF;
    overflow:hidden; // <=======remove this
}

    Thread Starter jhorejs1

    (@jhorejs1)

    11 years, 8 months ago

    Awesome – thank you Pioneer – that did it – why would that have only affected Firefox?

    Pioneer Web Design

    (@swansonphotos)

    11 years, 8 months ago

    I did not look at it with all browsers, so cannot say for sure, my guess is your other browsers are caching locally and FF is not – and even though you made that edit in CSS at some point, it was not being loaded from the remote server but was from local cache. ‘overflow’ is supported by all current versions of modern browsers per W3Schools (and has been for some time as part of the CSS2 ‘standard’)

    http://www.w3schools.com/cssref/pr_pos_overflow.asp

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Div not appearing in Firefox’ is closed to new replies.