www.webdeveloper.com
Results 1 to 5 of 5

Thread: XHTML/CSS Site .. Content missing in Explorer (PC)

  1. #1
    Join Date
    Sep 2005
    Posts
    7

    Unhappy XHTML/CSS Site .. Content missing in Explorer (PC)

    I am working on a site at the moment and have it uploaded to my webspace for testing purposes but have come accross a slight problem.

    The site appears as it should in (Mac) Firefox, Safari and nearly perfect in Explorer 5.2.

    On PC Firefox it is fine, PC Netscape is a little off, but the main issue is with PC Internet Explorer, 50% of the site content just isn't there!!! Also the side bar appears miles to the right!

    Can anyone help me?

    The site link is www.simonbailey.co.uk/indexpd.html

    Thank you,

    Si

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    Will look better in Windows if:
    Code:
    #news-one {
    left:0;
    }
    #news-two {
    left:395px;
    margin-left:0;
    }
    #sideContainer {
    float:none;
    }
    Why use margins if your using absolute positioning?

  3. #3
    Join Date
    Sep 2005
    Posts
    7
    I am very new to development so everything is a learning experience for me. Does this solve the content not being shown in Explorer problem?

    I will have a fiddle and see!

    Thanks, Si

    *EDIT* I entered the code as you said and it made the footer drop a few hundred pixels down the page!! but solves some of the problems (you star!). The news-two item appears, as does the sidebar container in correct position. Now just the footer, and the news-one item!!!

    Could you tell me why the float left was affecting the sidebar, as I thought it needed to float: left; tin order to appear inline instead of dropping below the rest of the content.
    Last edited by Sikwondo; 09-03-2005 at 01:20 PM.

  4. #4
    Join Date
    Sep 2005
    Posts
    7
    Getting there ... just need the index page: Welcome text to align in the left box, and on the missing & news page, the content to appear in the right area.

  5. #5
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    The problem is from using margins and position absolute.
    Remove margin-top: 550px; from #footer
    margin-left: 400px; from #navigationHolder, add left:250px; here to align the menu.
    Change this:
    Code:
    .copyright {
    font-size: 9px;
    font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    color: #C0C0C0;
    float:right;
    margin-top:-10px;
    }

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