SitePoint Sponsor

User Tag List

Results 1 to 25 of 25

Threaded View

  1. #1
    SitePoint Member
    Join Date
    Jul 2011
    Posts
    16
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS does not work on firefox

    Hi guys,

    I realize that there are some people out there who has the same problems as I do.

    I'm currently designing a website and yesterday I tried putting my website on my domain.

    Everything went smooth up until when I opened up my webpage on firefox.

    On IE, it works perfect, but on firefox, CSS DOES NOT WORK AT all..

    <-- here is my CSS code--> and please let me know if I have done something wrong if you any of you get a change to see this.

    Code:
    @charset "utf-8";
    /* CSS Document */
    
    
    {
    margin: 0;
    }
    html, body {
    height: 100%;
    }
    #wrapper {
    	background-repeat:repeat;
    	position: relative;
    	min-height: 100%;
    	height: auto !important;
    	width: 1020px;
    	height: 100%;
    	margin: 0 auto -300px;
    }
    
    	
    
    #header {
    	background-repeat:no-repeat;
    	width:1020px;
    	height:100px;
    	background-image:url(images/header-bg.jpg);	
    }
    
    
    #menu {
    	margin:0;
    	padding:0;
    	background-image:url(images/menu-bggif.gif);
    	width:1020px;
    	height:auto;
    	float:left;
    }
    
    
    #menu ul {
    	margin:0;
    	padding:0;
    	line-height:30px;
    	background-image:url(images/menu-bggif.gif);
    }
    
    
    #menu li {
    	margin:0;
    	padding:0;
    	list-style:none;
    	float:left;
    	position:relative;
    	font-size:16px;
    	background-image: url(images/menu-bggif.gif);	
    }
    
    
    #menu ul li a {
    	text-align:center;
    	font-family:"Copperplate Gothic Light";
    	font-size: 13px;
    	text-decoration:none;
    	height:30px;
    	width:170px;
    	color:#fff;
    	display:list-item;	
    }
    
    #menu ul ul {
    	position:absolute;
    	visibility:hidden;
    	top:30px;
    }
    
    
    #menu ul li:hover ul {
    	visibility:visible;
    }
    
    
    
    #menu li:hover {
    	background:url(images/menu-bggif.gif);
    	color:#0C6;
    }
    
    
    #menu ul li:hover ul li a:hover {
    	background:#fff;
    	color:#000;
    }
    
    #menu a:hover {
    	color:#0C6;
    	border:hidden;
    }
    
    #welcome {
    	background-image:url(images/welcome.jpg);
    	background-repeat:no-repeat;
    	float:left;
    	height:404px;
    	width:1020px;
    }
    
    
    
    #leftcol {
    	width:1020px;
    	height:691px;
    	float:left;
    	background-image:url(images/main.jpg);
    	background-repeat:no-repeat;
    	font-family:"Palatino Linotype",    "Goudy Old Style";
    }
    
    #footer {
    	background-image: url(images/footer.jpg);
    	float:left;
    	height:300px;
    	width:1020px;
    	display:block;
    	color:#FFF;
    	text-decoration:none;
    	background-repeat:repeat;
    }
    
    
    #wrapper #welcome #footer div .footer {
    	color:#FFF;
    	text-decoration:none;
    }
    #wrapper #welcome #footer div .footer:hover {
    	color:#FFF;
    	text-decoration:underline;
    }
    Thank you,
    Last edited by ralph.m; Jul 6, 2011 at 06:10.


Tags for this Thread

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
  •