Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    May 2011
    Posts
    56
    Thanks
    5
    Thanked 0 Times in 0 Posts

    Any Idea Why Background Color Doesnt Show Up When Published?

    Hello Everyone,

    I have a perplexing issue that I need help with. I have created some pages using the ceebox script and it works wonderfully on all browsers when local. However, when I publish it online, the background color for the page which pops up in the ceebox shows up as white instead of black.

    My first thought was a broken link, however, my background color is defined in the CSS of the file which is inside the popup. My next step was to test the page which is inside the ceebox.... mysteriously enough that one shows up JUST FINE with the black background.

    I have wiped my entire remote server and re-uploaded everything but still no change. Again, locally it works fine, its just remotely that the problem occurs.

    Here is the link that I am currently working from: http://www.tdelaney.com/index2.html

    Perhaps I am missing something obvious... Any assistance would be GREATLY appreciated!

    Thank you!
    Last edited by rsantamarina; 07-20-2011 at 12:56 AM.

  • #2
    Regular Coder djh101's Avatar
    Join Date
    May 2009
    Location
    California
    Posts
    616
    Thanks
    48
    Thanked 65 Times in 65 Posts
    All backgrounds are black when I view it. I see no problem.
    "Yeah science!"
    Online Science Tools

  • #3
    Regular Coder gcmax's Avatar
    Join Date
    Sep 2010
    Location
    Leeds
    Posts
    108
    Thanks
    8
    Thanked 5 Times in 5 Posts
    No problems here either, tested link in ie 7, chrome and firefox. It could be your browser settings or you might just need to clean your cache but if the background is just black then you don't need to repeat anything.

    This is your body;
    Code:
    body{
        margin:0px;
        padding:0px;
        background:#000; repeat-x 0px -80px;
        overflow: hidden;
    }
    The red part isn't required.


    IMPORTANT! you do have an issue in ie7 with the content appearing to the right with scrollbars. This will no doubt affect all internet explorer browsers!

    The solution is to wrap the class container in another div like this;

    Code:
    HTML
    <div id="wrapper">
         <div class="container">
          <slideshow stuff></stuff>
         </div>
    </div>
    
    CSS
    #wrapper {width:100%;}
    .container {width:950px; height:599px; margin:auto;}

    That should do it.
    ---------------------------------
    website: www.gcmax.co.uk
    webmail: stevenbell@gcmax.co.uk
    ---------------------------------

  • #4
    New Coder
    Join Date
    May 2011
    Posts
    56
    Thanks
    5
    Thanked 0 Times in 0 Posts
    GCMax,

    Thank you! I will try those things out. I think I am having an off-day today, I can't seem to find the "repeat" part which you highlighted in any of my code. Which file does that show up in for you?

    Thank you!


  •  

    Posting Permissions

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