# Having some problems with overflow function

**URL:** <https://forum.kirupa.com/t/having-some-problems-with-overflow-function/260003>\
**Category:** web dev\
**Created:** [May 11, 2008, 3:02pm UTC](https://forum.kirupa.com/t/having-some-problems-with-overflow-function/260003 "2008-05-11T15:02:11Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Web\_Stylist](https://avatars.discourse-cdn.com/v4/letter/w/7c8e57/32.png) [@Web\_Stylist](https://forum.kirupa.com/u/Web_Stylist)\
**Post date:** [May 11, 2008, 3:02pm UTC](https://forum.kirupa.com/t/having-some-problems-with-overflow-function/260003/1 "2008-05-11T15:02:11Z")

</div>

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:

![](http://www.imgsync.com/data/img/8023740look.png)

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

![](http://www.imgsync.com/data/img/7215421look2.png)

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:

![](http://www.imgsync.com/data/img/8193520look3.png)

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!

---

<div class="post-metadata">

**Author:** ![simplistik](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/simplistik/32/7747_2.png) [@simplistik](https://forum.kirupa.com/u/simplistik)\
**Post date:** [May 12, 2008, 2:19pm UTC](https://forum.kirupa.com/t/having-some-problems-with-overflow-function/260003/2 "2008-05-12T14:19:05Z")

</div>

on that container that is collapsing like that add clearfix or some sort of clearing code towards the bottom of it. w/o seeing any markup can’t help you any further than that

---

<div class="post-metadata">

**Author:** ![Web\_Stylist](https://avatars.discourse-cdn.com/v4/letter/w/7c8e57/32.png) [@Web\_Stylist](https://forum.kirupa.com/u/Web_Stylist)\
**Post date:** [May 13, 2008, 8:32pm UTC](https://forum.kirupa.com/t/having-some-problems-with-overflow-function/260003/3 "2008-05-13T20:32:10Z")

</div>

Ahh, thanks for the help 🙂 I managed to fix it by using an additional DIV and applying the property clear:both; .