The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Is it possible to override the "overflow" porperty?

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #26232

    I am trying to modify a website that uses WordPress and a pre-generated template.
    I would like the header for the individual posts to look like this:


    Notice the little bit with the date that protrudes out to the left…

    Unfortunately, due to heavy use of the "overflow:hidden;" property in the style sheet it ends up looking like this:

    The content is temporary (I haven’t integrated the php yet) but you can see that the little bit on the left that should peek out of the edge of the page is being hidden.

    Is there any way I can override the overflow for this one element to get the desired effect, or am I humped?

    Thanks in advance!


    Chris Coyier

    Well you are going to have to remove that overflow: hidden; property to fix it, and then see what that breaks, and fix that. Overflow hidden is commonly used a quick-and-dirty way to clear floats. You could look into using the clearfix method, or using using empty divs <div style="clear: both;"></div> to do the job that that does instead.


    I have NEVER been a fan of overflow:hidden to fix floats.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.