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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Apr 2007
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IE rendering links wrong

    Hey guys, i've been trying to use IE only rules and what not but. I've had no luck in trying to get the links to line up.

    The rest of the site is coming along and i know the bugs.

    In Safari and FF, they work just fine. Why can't Microsoft play nice?

    Link to temp site
    Download Zip

    Thanks for any help in advance!!!

  • #2
    Senior Coder ahallicks's Avatar
    Join Date
    May 2006
    Location
    Lancaster, UK
    Posts
    1,134
    Thanks
    1
    Thanked 57 Times in 55 Posts
    Few things to point out. Firstly, your page doesn't validate, so either reomve the validated link at the bottom or sort out the issues. Secondly, have you looked at it in IE7? The links across the top don't work as you presumably intended (like they do in Firefox) and the left menu section is in completely the wrong place!

    Have you tried CSSVista? That will allow you to see the site in both IE and Firefox so you can play about with the CSS and, in real-time, see the changes you make. I'm thinking that the problem you have has something to do with widths because your #content and #sidebar are actually overlapping, which works fine in Firefox but could be causing the issues in IE
    "write it for FireFox then hack it for IE."
    Quote Originally Posted by Mhtml View Post
    Domains are like women - all the good ones are taken unless you want one from some foreign country.
    Reputation is your friend

    Development & SEO Tools

  • #3
    Senior Coder effpeetee's Avatar
    Join Date
    Feb 2007
    Location
    Clapham Junction - London SW
    Posts
    4,885
    Thanks
    228
    Thanked 204 Times in 203 Posts
    Code:
    div#content {
    	padding:0 10px;
    	margin-left:0px;	
            background-image:url(bg_content.gif);
    	background-repeat:no-repeat;
    	background-position:top left;
    }
    Code:
    #menu LI {
    	MAX-WIDTH: 160px; HEIGHT: 27px
    }
    Alter the red lines to as shown..

    Also the border selector is not allowed in xhtml strict only in transitional.

    Frank
    Last edited by effpeetee; 12-14-2007 at 10:43 PM.
    * Sources (updated: 21.11.2012.
    Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.


  •  

    Posting Permissions

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