I am currently trying to design a wordpress layout but am having a few problems with the overflow function. I’m not very good at explaining what I’m on about when it comes to HTML and CSS so please bear with me.
I am trying to replicate the date offset tab which is present in this screenshot into coded XHTML:
Now is where the problem arises. In order to position the left hand side date tab properly, I need it to stretch over the boundary of the containing wrapper DIV. I am trying to achieve this by using margin-left: -70px; but the fact that I have set the containing div to overflow:hidden; cuts out a section of the left hand side of the date tab like so
However, if I remove the overflow from the container style, my content does not stretch properly and the containing text flows out of the layout, like so:
How do I make the layout stretch with the content AS WELL AS let me do the date tab properly?
Would really appreciate some help!
I managed to fix it by using an additional DIV and applying the property clear:both; .