1. Computer problem? Tech Support Guy is completely free -- paid for by advertisers and donations. Click here to join today! If you're new to Tech Support Guy, we highly recommend that you visit our Guide for New Members.

Site not displaying correctly

Discussion in 'Web Design & Development' started by bayz101, Feb 17, 2013.

Thread Status:
Not open for further replies.
Advertisement
  1. bayz101

    bayz101 Thread Starter

    Joined:
    Feb 17, 2013
    Messages:
    7
    My website isn't displaying correctly outside of Google Chrome. Can you guys please help me with this problem? This is something that has been driving me CRAZY. Thanks much.


    http://lampelectricltd.com/
     
  2. colinsp

    colinsp

    Joined:
    Sep 5, 2007
    Messages:
    2,257
    First Name:
    Colin
    Your CSS is not being loaded in other browsers. So check the path to your CSS file, rather than making it relative try making it the full url as http://lampelectricltd.com/css/style.css that may be the issue.
     
  3. bayz101

    bayz101 Thread Starter

    Joined:
    Feb 17, 2013
    Messages:
    7
    My CSS path IS as you listed above. CSS is in it's own folder, and that link you posted leads me directly to the style.css file. There's two files: ie.css and style.css.
     
  4. bayz101

    bayz101 Thread Starter

    Joined:
    Feb 17, 2013
    Messages:
    7
    I can also post the css files if that'd be of any help.
     
  5. robobobo

    robobobo

    Joined:
    Apr 27, 2008
    Messages:
    167
    When I view it in chrome it seems to be importing the full style sheet, but when I view it in IE in only seems to import up to #navigation and then stops which is very strange..

    Not entirely sure how you managed that I'm afraid!

    Try pulling in a new stylesheet maybe and see if you can see where the problem is?
     
  6. colinsp

    colinsp

    Joined:
    Sep 5, 2007
    Messages:
    2,257
    First Name:
    Colin
    No it isn't you are using a relative path starting with / not with the FULL URL starting http://

    You also have a missing semicolon in one line of your CSS

    Code:
    body {
    	background: url(../images/Blue_bkgd_72rgb.jpg) repeat-x
    
    You have no closing bracket on this line

    Code:
    #navigation {
    	background: url(../images/Blue_bkgd_72rgb.jpg no-repeat left bottom;
    
    This line has an invalid colour use a #number not a colour

    Code:
    #navigation a:hover {
    	color: gold;
    

    Another missing semicolon

    Code:
    #adbox {
    	background: url(../images/Blue_bkgd_72rgb.jpg)
    
    Another invalid colour

    Code:
    #adbox .details {
    	color: ;
    
    Yet another missing semi colon

    Code:
    #main {
    	background-color: blue	
    
    Correct these errors and maybe it will work properly.;)
     
  7. DrP

    DrP

    Joined:
    Jul 23, 2005
    Messages:
    739
  8. bayz101

    bayz101 Thread Starter

    Joined:
    Feb 17, 2013
    Messages:
    7
    I believe I corrected all of the errors within the CSS you mentioned above, however, i'm still unsure of what you mean about the CSS's relative path.

    The website is beginning to look better in IE now, but it seems the only thing that really improved was the background colors.
     
  9. bayz101

    bayz101 Thread Starter

    Joined:
    Feb 17, 2013
    Messages:
    7
    As for the validator, it brought up a parse error with a URL used in the navigation. I can't find anything wrong with it, however, and the validator brought up no other errors.
     
  10. bayz101

    bayz101 Thread Starter

    Joined:
    Feb 17, 2013
    Messages:
    7
    there's only two stylesheets within the CSS directory: one of them style.css and the ie.css. If I remove the ie.css stylesheet, with Internet Explorer automatically follow the main.css file? I'm assuming the ie.css file is specifically for Internet Explorer, and it seems it's a nearly empty stylesheet.

    Here's the contents of the ie.css file:

    Code:
    /* Website template by freewebsitetemplates.com */
    /*------------------------------ CONTENTS ------------------------------*/
    #main {
    	float: left;
    	margin: 60px 10px 0 0;
    }
    
    #sidebar {
    	margin: 60px 0 0;
    }
    
    /*------------------------------ FOOTER ------------------------------*/
    #footer ul.contacts li span {
    	float: left;
    	width: 50px;
    }
    #footer ul.contacts li p {
    	float: left;
    	width: 250px;
    	margin: 0;
    }
    
    
     
  11. colinsp

    colinsp

    Joined:
    Sep 5, 2007
    Messages:
    2,257
    First Name:
    Colin
    You still have an error on this line

    Code:
    #navigation {
    	background: url(../images/Blue_bkgd_72rgb.jpg no-repeat left bottom;
    
    It needs to have a closing bracket after .jpg.

    The ie.css is for older versions of IE and so should be kept.

    As to paths read these 2 articles here and here.
     
  12. bayz101

    bayz101 Thread Starter

    Joined:
    Feb 17, 2013
    Messages:
    7
    I believe the missing bracket fixed the problem. Not sure how that even happened.

    Can everyone view http://lampelectricltd.com/ in IE and Firefox fine? I know it's ugly, I just wanted to get the coding right before putting the correct styles in. Thanks again, colinsp.
     
  13. Sponsor

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 733,556 other people just like you!

Loading...
Thread Status:
Not open for further replies.

Short URL to this thread: https://techguy.org/1089957

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.
    Dismiss Notice