AJAX and overlapping divs

Discussion in 'Web Design and Development' started by neoserver, Jul 30, 2006.

  1. neoserver macrumors 6502

    Joined:
    Apr 24, 2003
    #1
    I'm building a webmail client and am trying out AJAX. I have a funny problem in the sense that when I load data in through AJAX, if the length of data doesn't fit into the div it overflows the footer instead of pushing it down like its supposed to.
    http://www.betasoft.ca/BetaMail
    is an example of what is going on.

    Any ideas?
     
  2. Oryan macrumors 6502a

    Oryan

    Joined:
    Apr 1, 2005
    Location:
    Lincoln, NE
    #2
    First off, the page looks very clean. I like it. I've been looking at your source but I don't see an obvious solution, but I have a few ideas.

    In your CSS, you set "position:absolute;" in the #right section but don't have a top or left property set. I think you meant to make it "relative", or you could probably just remove that property completely. If that doesn't work you could try setting "position:relative;" on all your divs.

    Also, I noticed in your javascript that you are missing a semi-colon on the line where you set the .innerHTML property. (It might actually be a case where you don't need it, but having it there wouldn't hurt.)

    Good luck with the site! :)
     
  3. neoserver thread starter macrumors 6502

    Joined:
    Apr 24, 2003
    #3
    Thanks, It was the "position:absolute" code. I had ripped the CSS from another one of my projects and I hadn't noticed that property. I just removed it and the left property and it started working again.

    It helps to have a second set of eyes look at the problem. Thanks :)
     
  4. Oryan macrumors 6502a

    Oryan

    Joined:
    Apr 1, 2005
    Location:
    Lincoln, NE

Share This Page