SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Member
    Join Date
    Apr 2004
    Location
    Toronto, ON
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Why isn't this working in IE?

    Hey CSS gurus :-D

    I've got a layout started with CSS that I really like, but I can't figure out why it's not working in IE. It works in Firefox great, though. Can anyone look at my code and maybe suggest a workaround to get it looking almost the same in IE?

    The site is: http://riata-online.net/index.php, and my CSS is:

    Code:
    body {
    	margin:0px;
    	padding:0px;
    	font-family:verdana, arial, helvetica, sans-serif;
    	color:#333;
    	background-color:#BDBABA;
    	}
    h1 {
    	margin:0px 30px 10px 30px;
    	padding:0px;
    	font-size:22px;
    	line-height:22px;
    	font-weight:600;
    	color:#773333;
    	border-bottom: 1px solid black;
    	}
    	
    h2 {
    	margin:20px 30px 10px 30px;
    	padding:0px;
    	font-size:16px;
    	line-height:16px;
    	font-weight:300;
    	color:#773333;
    	border-bottom: 1px solid black;
    	text-align: right;
    	}
    
    p {
    	font:11px/20px verdana, arial, helvetica, sans-serif;
    	margin:0px 0px 16px 0px;
    	padding:0px;
    	text-align:justify;
    	}
    #Content>p {margin:0px;}
    #Content>p+p {text-indent:30px;}
    
    a {
    	color:#09c;
    	font-size:11px;
    	text-decoration:none;
    	font-weight:600;
    	font-family:verdana, arial, helvetica, sans-serif;
    	}
    a:link {color:#09c;}
    a:visited {color:#07a;}
    a:hover {background-color:#eee;}
    
    #Header {
    	margin-left:20px;
    	margin-top:10px;
    	padding:0px;
    	line-height:11px;
    	background-color:#BDBABA;
    	}
    
    #Content {
    	margin:5px 50px 50px 184px;
    	padding:10px;
    	background-color: #E2DFDF;
    	border: 2px solid #8A1111;
    	width: 563px;
    	}
    
    #navcontainer { margin-left: 10px;
    		position:absolute;
    		top:200px;
    		left:0px; }
    
    #navcontainer ul
    {
    margin-bottom: 0;
    padding: 0;
    list-style-type: none;
    font-family: verdana, arial, sans-serif;
    }
    
    #navcontainer li { margin: 0;}
    
    #navcontainer a
    {
    display: block;
    color: #333;
    background-color: #ddd;
    width: 150px;
    padding: 2px 10px;
    text-decoration: none;
    border-top: 1px solid #8A1111;
    border-bottom: 1px solid #8A1111;
    border-left: 1px solid #8A1111;
    border-right: 0px solid #8A1111;
    font-size: 12px;
    }
    
    #navcontainer a:hover
    {
    background-color: #ddd;
    color: #333;
    border-right: 10px solid #8A1111;
    padding: 2px 1px 2px 10px;
    }
    
    #navcontainer ul ul
    {
    margin-left: 10px;
    padding: 0;
    list-style-type: none;
    }
    
    #navcontainer li li a
    {
    display: block;
    color: #333;
    background-color: transparent;
    width: 140px;
    padding: 2px 10px;
    margin: 0;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid #8A1111;
    text-decoration: none;
    font-size: 10px;
    }
    Thanks so much!

  2. #2
    SitePoint Evangelist Maujor's Avatar
    Join Date
    Mar 2005
    Location
    Rio de Janeiro - Brazil - South America
    Posts
    408
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello,
    Try add the following into your CSS:
    Code:
    ...................................
                   #navcontainer { margin-left: 10px;
    		position:absolute;
    		top:200px;
    		left:0px; }
                   
     * html #navcontainer {left:-38px;}
               ..................................
    Mauricio Samy Silva
    http://www.maujor.com/

  3. #3
    SitePoint Member
    Join Date
    Apr 2004
    Location
    Toronto, ON
    Posts
    14
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you! That seems to have fixed it.


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
  •