SitePoint Sponsor

User Tag List

Results 1 to 17 of 17

Threaded View

  1. #1
    SitePoint Zealot
    Join Date
    Feb 2009
    Posts
    167
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with an IE7 bug

    Hey,

    I'm having problems with my navigation in IE7, 3/4 of the navigation text drops out of place. I can't see this happening on any other browser apart from IE7 when looking at browsershots.

    Does anyone know how I can fix it??
    Please see attached screen shot of IE7.

    website (wordpress): crossfithill.com

    CSS:
    Code:
    html {
      overflow-y: scroll;
    }
    
    body { 
    /*font:75%/1.5em "lucida grande","lucida sans unicode", sans-serif; */
    background: #e2e2e2;
    margin:0px;
    padding:0px; }
    
    #canvas { 
      width: 1000px;
      margin: 0 auto;
       
    }
    
    #header { 
    height: 275px;
    padding: 20px;
     
      margin: 0 0 10px 0;
    }
    #header p{ padding-left: 50px;
    width: 300px;
    }
      /** the heading and tagline are h1 on homepage and h4 on internal */
      #header h1,
      #header h4 {float:left;font-family: Palatino,'Palatino Linotype',Georgia, sans-serif;font-size:2em;font-weight:700;line-height:1em;
      
        margin: 0;
        padding: 50px 0 10px 100px;
      }
        /** the tagline is a span within the h1 or h4 */
        #header h1 span,
        #header h4 span { }
    
      /**
        Nav and Subnav
        Split these out if you want the two levels to look different
      */
     #nav { -moz-border-radius: 10px;  -webkit-border-radius: 10px;  ;
    margin: 0;
    padding: 0 0 0 10px;
    list-style-type: none;
    background-color:#fb8c16;
    font-size:1.2em;
    font-weight:700;
    float: left; 
    }
    #nav li {
    margin: 0;
    padding: 0;
    float: left;
    width: 70px;
    }
    
    p, blockquote, ul, ol {
    	/*margin-bottom: 20px;*/
    	line-height: 21px;
    }
    
    p {
    line-height: 28px;
    text-align:justify;
    padding:0px;
     
    }  
    
    blockquote {
    }
    
    ul, ol, li {
    	margin: 0px;
    	padding: 0px;
    	list-style: none;
    }
    
    a {
    	text-decoration: none;
    	color: #de0a16;
    	
    }
    
    a:hover {
    	text-decoration: none;
    	color:#f6e6c5;
    	
    }
    Header

    Code:
    <body>
      <div id="canvas">
    
    
    
        <div class="header_wrapper">
          <?php
            // see this theme's functions.php
            print do_logo();
    	       echo '<div class="menu_wrapper">'; 
            print naked_nav($post);
            echo '</div>';
          ?>
    	  	<div style="clear: both"></div>
        </div>
    
        <div class="main_contanier" id="main_contanier">


    Thanks for any help!
    Attached Images Attached Images


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
  •