css not working in firefox

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • radu jit
    New Member
    • May 2011
    • 2

    css not working in firefox

    Hi,
    I am using one of the built-in jquery slider scripts. Everything works fine in explorer, but in Firefox, Opera and Chrome is messed up.


    Here is the style:

    Code:
    <style type="text/css">
    
    .clear {
    	clear:both
    }
    
    #gallery {
    	position:relative;
    	height:237px
    }
    	#gallery a {
    		float:left;
    		position:absolute;
    	}
    	
    	#gallery a img {
    		border:none;
    	}
    	
    	#gallery a.show {
    		z-index:250
    	}
    
    	#gallery .caption {
    		z-index:350; 
    		background-color:#000; 
    		color:#ffffff; 
    		height:0px; 
    		width:100%; 
    		position:absolute;
    		bottom:0;
    	}
    
    	#gallery .caption .content {
    		margin:5px
    	}
    	
    	#gallery .caption .content h3 {
    		margin:0;
    		padding:0;
    		color:#009933;
    	}
    	
    
    </style>
    Here is the link to the website:


    is the slider on the left down the flash.
  • drhowarddrfine
    Recognized Expert Expert
    • Sep 2006
    • 7434

    #2
    If it works in IE, but not the other far more modern browsers, then your code is wrong. Let's start with your 808 HTML errors and continue on with your 254 CSS errors. When those are fixed, then we'll talk.

    In the meantime, never, EVER trust IE to do ANYTHING right.

    Comment

    • sedigh mohseni
      New Member
      • Feb 2011
      • 64

      #3
      I think IE doesn't interpret some concepts correctly such as width and height and maybe your script is exactly based on the same concepts ,and is writen for IE merely.

      Comment

      Working...