+ Reply to Thread
Results 1 to 7 of 7

Thread: Div Float problem...

  1. #1
    tdltinc is offline x10Hosting Member tdltinc is an unknown quantity at this point
    Join Date
    Aug 2008
    Location
    PH, Bulacan, SJDM
    Posts
    32

    Exclamation Div Float problem...

    How can I float a div at the bottom?
    That is floating above all element and fixed scrolling

    Please help...

    Thank You!
    Last edited by tdltinc; 12-08-2008 at 02:12 AM.

  2. #2
    snowball88 is offline x10Hosting Member snowball88 is an unknown quantity at this point
    Join Date
    Nov 2008
    Posts
    4

    Re: Div Float problem...

    how about
    <div style="position:absolute; bottom:0; z-index:10"></div>

    This allows the div to be at the bottom and above other elements with depth less than 10. Cheers.

  3. #3
    diabolo's Avatar
    diabolo is offline Community Advocate diabolo is on a distinguished road
    Join Date
    Nov 2007
    Location
    Jersey Shore
    Posts
    1,683

    Re: Div Float problem...

    if you are placing it is a outside CSS sheet:

    #divid {
    position: absolute;
    bottom: 0;
    z-index: 10;
    }
    and this would be your div tag:
    <div id="divid">
    divid in interchangeable, just make sure you also change it in the css and html

    and there is no float: bottom; only left or right

  4. #4
    vol7ron's Avatar
    vol7ron is offline x10 Lieutenant vol7ron is an unknown quantity at this point
    Join Date
    Mar 2008
    Location
    DC
    Posts
    434

    Re: Div Float problem...

    what they said is correct.
    If you find my post useful please add to my reputation by clicking the +Rep button
    You may also use the Donate link to donate credits - this is appreciated too Thanks to those whom have donated so far!


  5. #5
    mrxp_anupam's Avatar
    mrxp_anupam is offline x10Hosting Member mrxp_anupam is an unknown quantity at this point
    Join Date
    Oct 2008
    Posts
    65

    Re: Div Float problem...

    You have two options:
    firstly use the CSS as below:

    if you are placing it is a outside CSS sheet:

    #divid {
    position: absolute;
    bottom: 0;
    z-index: 10;
    }
    and this would be your div tag:
    <div id="divid">
    divid in interchangeable, just make sure you also change it in the css and html

    and there is no float: bottom; only left or right

    secondly go to dynamicdrive.com..
    You will fine javascript to handle this
    If you like this give me points.

    Thank you,
    W
    arm regards,
    Anupam Chakraborty
    Bangalore |India |mrxp@rediffmail.com

  6. #6
    cursedpsp is offline x10 Sophmore cursedpsp is an unknown quantity at this point
    Join Date
    Apr 2008
    Location
    Wiltshire, England
    Posts
    238

    Re: Div Float problem...

    Ahh thanks for that, i've never known how to do it

  7. #7
    xPlozion's Avatar
    xPlozion is offline x10 Elder xPlozion is an unknown quantity at this point
    Join Date
    Mar 2008
    Location
    Delaware, USA
    Posts
    872

    Re: Div Float problem...

    the example works fine in every browser except ie6. trust me, i've had to deal w/ it before. not a happy time.

    i was thinking position:fixed; bottom:0px;. that will make it stay at the bottom of the page even when you scroll, but ie6 didn't like position:fixed :/
    Last edited by xPlozion; 01-02-2009 at 04:07 PM.

+ Reply to Thread

Similar Threads

  1. Another Problem
    By beast474 in forum Free Hosting
    Replies: 1
    Last Post: 08-27-2008, 07:22 PM
  2. Slight Problem
    By rmb1993 in forum Free Hosting
    Replies: 2
    Last Post: 08-14-2008, 06:04 AM
  3. A problem with certificate
    By eon01 in forum Free Hosting
    Replies: 1
    Last Post: 07-31-2008, 01:27 PM
  4. DB number problem
    By lionheart8 in forum Free Hosting
    Replies: 5
    Last Post: 04-08-2008, 08:26 AM
  5. Ad code problem!
    By Akkarin in forum Free Hosting
    Replies: 8
    Last Post: 08-29-2005, 10:39 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
x10hosting free hosting for the masses
dedicated servers