SitePoint Sponsor

User Tag List

Results 1 to 8 of 8

Thread: Extra space

  1. #1
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Port Sunlight
    Posts
    815
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Extra space

    http://www.wish-designs.co.uk/handmade.html

    Does anyone know why i'm getting extra space at the right edge of the page in IE?

    Also if anyone thinks I could do this a better way, i'm all ears too.

    Cheers

  2. #2
    SitePoint Guru babyboy808's Avatar
    Join Date
    Nov 2004
    Location
    dublin
    Posts
    602
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey I like the site Nick, your not using you css-p properly, First I would create a wrapper to hold everything; then the header, left, right content, footer etc, if you need any help, PM

  3. #3
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Port Sunlight
    Posts
    815
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    There is a wrapper, and I am using my CSS correctly, i'm just having a little problem with this.

    By the way what do you mean CSS-P?

  4. #4
    Brevity is greatly overrated brandaggio's Avatar
    Join Date
    Dec 2005
    Posts
    1,424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by NickToye
    There is a wrapper, and I am using my CSS correctly, i'm just having a little problem with this.

    By the way what do you mean CSS-P?
    Site is looking really nice Nick.

    Are you talking about the whitespace to the right of the main content before the site border? It looks like it is do do IE's handling of the box model (its width) for the div holding the content.

    I noticed that the nav bar doesn't show up in IE.

  5. #5
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You've got an extra </body></html> at the end of your document. It may not be the cause of your problem, but it's always a good idea to validate your page when you run into problems you can't explain.

  6. #6
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Port Sunlight
    Posts
    815
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This thread is making me look like a right amateur. I do usually validate my pages, never thought there would be an extra body and html closing tag in there, it must have been when I was copying and pasting.

    Anyway, thats not the reason. It does look like a box model problem though.

    Also the side nav is there in IE, its just pushed down because of the lack of space caused by the box model problem I have.

  7. #7
    SitePoint Guru
    Join Date
    Aug 2004
    Location
    Port Sunlight
    Posts
    815
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Look I fixed it!

    Just to prove any of those out there who think I don't know squat about CSS,
    I figured it may have something to do with IE's economy rendering engine concept - layout.

    I just added an arbitary height of 1% to the div that contained the opposing floated P and UL, and it works fine.


  8. #8
    dooby dooby doo silver trophybronze trophy
    spikeZ's Avatar
    Join Date
    Aug 2004
    Location
    Manchester UK
    Posts
    13,807
    Mentioned
    158 Post(s)
    Tagged
    3 Thread(s)
    I knew you knew that you knew what was wrong and that you knew that you knew how to fix it.

    Looks good Nick
    Mike Swiffin - Community Team Advisor
    Only a woman can read between the lines of a one word answer.....


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
  •