Results 1 to 4 of 4

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

  1. #1
    Join Date
    Feb 2012
    Location
    Denmark
    Posts
    66
    Thanks
    7
    Thanked 0 Times in 0 Posts

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

    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.
    Last edited by Mejse78; 10-21-2012 at 11:47 AM.

  2. #2
    Join Date
    Feb 2012
    Location
    Denmark
    Posts
    66
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    Hmm... I've tried using this tutorial cross browser
    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

  3. #3
    Join Date
    Feb 2012
    Location
    Denmark
    Posts
    66
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    What's the HTML to this CSS?
    3 collums - 3 floats

    I can't get my head around it..

  4. #4
    Join Date
    Feb 2012
    Location
    Denmark
    Posts
    66
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Default

    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:
    Code:
    <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????

Similar Threads

  1. Float and margin: 0 auto...
    By Mad_Griffith in forum CSS
    Replies: 2
    Last Post: 06-27-2012, 09:16 PM
  2. css float div height problem
    By osen in forum CSS
    Replies: 7
    Last Post: 02-23-2010, 05:27 PM
  3. height:auto not working on a floated div
    By benslayton in forum CSS
    Replies: 1
    Last Post: 01-23-2010, 12:56 AM
  4. Get Auto Height
    By Dal in forum JavaScript
    Replies: 6
    Last Post: 11-28-2009, 08:48 PM
  5. Replies: 0
    Last Post: 08-11-2009, 06:19 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •