Web Analytics Made Easy -
StatCounter Styling working in Firefox but not IE - CodingForum

Announcement

Collapse
No announcement yet.

Styling working in Firefox but not IE

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Styling working in Firefox but not IE

    Hi
    I have a footer section that uses a show/hide that is not lining up properly in IE, it dispays fine in firefox. How can I get it lining up properly in both?

    I have a cross image and the text Important legal and regulator information which should be on the same line but in IE the text is sitting below.

    Any help appreciated.

    Code:
    <div class="legal">Important legal and regulator information</div>
    <p class="legalfooter">Test test test tst<br /><br /></p>
    </div>
    Code:
    /* CSS CODE - Footer section/
     
    .outerpage {
    	background-image: url(../images/pagetop_grad.jpg);
    	background-position: top left;
    	background-repeat: repeat-x;
    }
     
    .page {
    	background-image: url(../images/footer_grad.jpg);
    	background-position: bottom left;
    	background-repeat: repeat-x;
    	padding-bottom: 80px;	
    }
    .page .page {
    	background-image: none;
    	background-position: inherit;
    	background-repeat: inherit;
    	padding-bottom: 0px;	
    }
     
    .footer {
        display: block;
    	clear: both;
    }
     
    .footer .fade {
    	display: none;	
    }
     
    .footer .footer {
        display: block;
    	background-image: none;
    	border-top: solid 1px #e0edfe;
    	padding-top: 0px;
    }
     
    .footer .content img.logo {
    	margin-top: 25px;
    	margin-bottom: 15px;
    }
     
    .footer ul {
    	margin: 14px 0 30px 0;
        height:inherit;	
    }
     
    .footer ul li {
    	border-left: solid 1px #e0edfe;
    	float: left;
    	display: block;
    	width: 219px;
     
    	margin: 0 10px 0 0;
    	list-style: none;
    }
     
    .footer ul li a {
    	/*display: block;*/
    	margin-left: 10px;	
    }
     
    .footer p {
    	clear: both;
    	padding-top: 20px;
        padding-bottom: 20px;
    }
     
    .footer .links div{
        width: 219px;
        float: left;    
    }
    .footer .links span{
        font-family: Arial, Helvetica, sans-serif;
        padding: 12px 12px 0px 10px;
        font-size: 14px;  /* CM Amended font from 14pt */
        line-height: 14px;
        font-weight: bold;
        text-decoration: none;
        color: #0a2f73;
     
    }
     
    .footer_disabled {
        display: none;
    }
     
    .footer .legal {
    	font-size: 12.5px;	
    	background: url(../images/plus_icon.gif) no-repeat 0 20px;
    	color: #007bc3;
    	font-family: Arial, Helvetica, sans-serif;
    	cursor: pointer;
    	margin: 0;
    	font-size-adjust:inherit;
    	letter-spacing: inherit;
     
    }
     
    .footer .legal span {
    	display:none;	
    }
     
    body .footer .legalexpanded {
    	background-image: url(../images/minus_icon.gif);
    }
     
    .legalfooter {
       /* display: none; */
    }
     
    .hide{
        display: none;
    }
     
    .show{
        display: block;
    }
     
     
    .legal {
        color: #007bc3;
        text-decoration: none;
        font-size: 12px;
        clear:left;
        cursor: pointer;
    	padding-left:22px;
    	padding-top:20px;
    }
     
     
    .legal .over{
        color: #ff8a00;
    }
     
    .legal span.plus {
        font-weight: bold;
        font-size: 140%;
        color: #ff8a00;
        padding-right: 7px;
        position: relative;
        bottom: -1px;
    }

  • #2
    A link to your live site would be great, but all your code would be needed if you dont have your site hosted.
    Teed

    Comment

    Working...
    X