www.webdeveloper.com
Results 1 to 13 of 13

Thread: extra spaces at bottom of page

  1. #1
    Join Date
    Feb 2003
    Location
    UK
    Posts
    190

    Thumbs down extra spaces at bottom of page

    I'm currently trying to redesign a page so all the element positioning is done by using div tags, which the positioning information is held in css.

    a problem I'm having is that I end up with blank spaces at the bottom of the page with nothing in, which makes the page blank at the bottom, but doesn'ts really pose any other problem.

    Does anyone know if there is a work around for this?

  2. #2
    Join Date
    Feb 2003
    Location
    UK
    Posts
    190
    I just thought I'd add.

    I didn't have the problem until i started using relative positioning, because i wanted to have the content in a fix width div that was centered in the page.

  3. #3
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Let's see your page.

  4. #4
    Join Date
    Feb 2003
    Location
    UK
    Posts
    190
    http://localhost/shared/talent_websi...ork_index8.php

    I'm still working on it but I need to get rid of the spaces at the bottom

  5. #5
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    It's not on my system "localhost"

  6. #6
    Join Date
    Feb 2003
    Location
    UK
    Posts
    190

  7. #7
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    I get a 404 on that link...

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

  8. #8
    Join Date
    Feb 2003
    Location
    UK
    Posts
    190
    my bad *2

    hopefully this will work:

    http://www.talent.co.uk/test/atwork_index8.php

  9. #9
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    It's is your positioning, doing this
    POSITION: relative; TOP: -1275px; HEIGHT: 60px
    will leave a space in it's original position and you have done this with more of your elements.
    You need to construct a 3 column css and then place (most) of the divs in the normal flow.

    There are validation errors, including two extra closing div tags.

  10. #10
    Join Date
    Feb 2003
    Location
    UK
    Posts
    190
    thanks

    i used relative positioning because I wanted the page to appeared centered, I'm assuming css coloumns are relatively easy to implement?

    i had checked the div tags thinking the right amount were there and then my work mate reconned i needed an extra one so we were both wrong

    have you or anyone else got any good links which explain css columns?

  11. #11
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104

  12. #12
    Join Date
    Feb 2003
    Location
    UK
    Posts
    190
    thanks

    i checked the bluerobot site out first,

    I especially like this bit:

    Many a talented web designer has struggled with CSS-based centering.


  13. #13
    Join Date
    Dec 2002
    Location
    High on life
    Posts
    10,104
    Yes, if one is used to using tables for layout, moving to css will be a bit of a stretch, and take some time learning...

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles