height: auto with float - tried overflow and positioning - NEED HELP

[Mejse78]

hi, there.
I'm starting to work on websites again... and I'm lost on this one.

What can I do, to make the auto height work, when some of the content is float: right ??
It's really frustrating....

You can see the page here: http://www.stavtrupscenen.dk/billetter.html
And click on Aktuel Forestilling on the right side menu.

Hope you can help.

[Mejse78]

Hmm... I've tried using this tutorial cross browser (http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks)
But... I'm getting lost in where to put these overflow: hidden... and position relative....
I've tried to use them on all containers.. but nothing works.
I must have been adding something, that makes it not work.
PLEASE HELP

[Mejse78]

What's the HTML to this CSS?
3 collums - 3 floats (http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks)

I can't get my head around it..

[Mejse78]

Okay....
using overflow:auto;width:100%; the text is there - but there's now a scrollbar, which I don't want...
So.... am I using this on the wrong container?

The problem might be in the fact that I'm using this script:

<script> /* script at bottom of page! */
$("#Nyheder").on( /* attach an event listener to #nav */

"click" /* the event you're listening for is a click */

,"a" /* but only if it's on an <a> */

,function( e ){ /* this function executes whenever you click on #nav a */

/* this gets the page URL from the <a> href
and specifies you only want the #content div*/
var ajaxhref = $( this ).attr( "href" ) + "#bindhold";

/* this loads the requested content
into the #blog div on _this_ page */
$( "#btekst" ).load( ajaxhref );

/* this stops the hyperlink from actually going to the new page.
doing this (instead of removing the hyperlink)
allows the menu to still work if javascript is disabled. */
e.preventDefault();
}
);
</script>

Instead of Iframe.... and then the container for the Floats acts like an Iframe????