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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 18
  1. #1
    Regular Coder najkiie's Avatar
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    103
    Thanks
    7
    Thanked 0 Times in 0 Posts

    Internet Explorer Menu gets pushed up alot in IE 6 and 7. Margin/Padding bug?

    Hey.

    I'm working on a website right now, and it's almost finished. It looks just like i want it to in FF and Safari and all other browsers, but in IE 7 it pushes the whole menu up.

    Screenshot of how it looks in IE 7:
    http://blubbz.com/host/images/ie.png

    Screenshot of how it's suppose to look:
    http://blubbz.com/host/images/ff.png

    As you see it doesn't look good at all in IE. It does not only push the menu up, but all the items below the menu also gets dragged up because of that...

    Here's the HTML code:

    Code:
    <div class="header-logo-wrapper">
        <a href="http://localhost/wordpress">
           <div class="header-logo"></div>
        </a>
    </div>
    
    
        <div class="header-menu">
            <ul>
               <li class="page_item current_page_item"><a href="http://localhost/wordpress" title="Home">Home</a></li>
               <li class="page_item"><a href="http://localhost/wordpress/?page_id=97" title="Images">Images</a></li>
               <li class="page_item"><a href="http://localhost/wordpress/?page_id=91" title="Polls">Polls</a></li>
               <li class="page_item"><a href="http://localhost/wordpress/?page_id=2" title="Blog">Blog</a></li>
               <li class="page_item"><a href="http://localhost/wordpress/?page_id=17" title="About">About</a></li>
           </ul>
        </div> <!-- End header-menu -->
        
        
        <div class="header-nfo">
            <div class="breadcrumb">
          <p class="breadcrumb-text">
                 the breadcrumb text goes here
              </p>
            </div>
        </div>
    And here's the CSS:
    Code:
    .header-logo-wrapper {
        height: 82px;
        width: 234px;
        display: block;
    }
    
    .header-logo {
        height: 82px;
        width: 234px;
        background: transparent url(images/logo.png) no-repeat top left;
        margin-top: 18px;
    }
    
    
    
    
    .header-menu {
        clear: both;
        width: 970px;
        overflow: hidden;
        display: block;
    }
    
    .header-menu li {
        float: left;
        list-style: none;
        margin-right: 5px;
        height: 37px;
        font-size: 13px;
    }
    
    
    
    
    .header-nfo {
        display: block;
        margin: 10px 0px;
        text-transform: uppercase;
    }
    
    .breadcrumb {
        width: auto;
        float: left;
        overflow: hidden;
    }
    
    .breadcrumb-text {
        width: auto;
    }
    -Nike - PTS - Blubbz
    I would love to change the world, but they won't give me the source code.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,865
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    Please post a link to your page. Otherwise, we need to see your complete html+CSS, including DOCTYPE.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    Regular Coder najkiie's Avatar
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    103
    Thanks
    7
    Thanked 0 Times in 0 Posts
    I'm working on it locally, so i cant send a link.

    But here's the complete HTML code: (it's a WP theme, this is how its rendered in the browser..)
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    	<title>Test Blog</title>
       
    	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />	
    	<meta name="generator" content="WordPress 2.7.1" />
    
    	<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/blubbz/page-numbers.css" type="text/css" media="screen" />
    	<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/blubbz/style.css" type="text/css" media="screen" />
    	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://localhost/wordpress/?feed=rss2" />
    	<link rel="alternate" type="text/xml" title="RSS .92" href="http://localhost/wordpress/?feed=rss" />
    	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://localhost/wordpress/?feed=atom" />
    	<link rel="pingback" href="http://localhost/wordpress/xmlrpc.php" />
        
    	<link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/blubbz/js/tooltips/theme/style.css" type="text/css" media="screen" />
        
        <script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/blubbz/js/jquery-1.3.1.min.js"></script>
        <script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/blubbz/js/tooltips/js/jquery.betterTooltip.js"></script>
        
        <script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/blubbz/js/pngfix.js"></script>
        <script>
        DD_belatedPNG.fix('*');
        </script>
        
        <meta name='robots' content='noindex,nofollow' />
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/wordpress/xmlrpc.php?rsd" />
    <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/wordpress/wp-includes/wlwmanifest.xml" /> 
    <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/jquery/jquery.js?ver=1.2.6'></script>
    <script type='text/javascript'>
    /* <![CDATA[ */
    	wpAjax = {
    		noPerm: "You do not have permission to do that.",
    		broken: "An unidentified error has occurred."
    	}
    	try{convertEntities(wpAjax);}catch(e){};
    /* ]]> */
    </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/wp-ajax-response.js?ver=20081210'></script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/thickbox/thickbox.js?ver=3.1-20090123'></script>
    <script type='text/javascript'>
    /* <![CDATA[ */
    	wpajaxeditcomments = {
    		AEC_PluginUrl: "http://localhost/wordpress/wp-content/plugins/wp-ajax-edit-comments",
    		AEC_CanScroll: "1",
    		AEC_Minutes: "minutes",
    		AEC_Minute: "minute",
    		AEC_And: "and",
    		AEC_Seconds: "seconds",
    		AEC_Second: "second",
    		AEC_Moderation: "Mark for Moderation?",
    		AEC_Approve: "Approve Comment?",
    		AEC_Spam: "Mark as Spam?",
    		AEC_Delete: "Delete this comment?",
    		AEC_Anon: "Anonymous",
    		AEC_Loading: "Loading...",
    		AEC_LoadSuccessful: "Comment Loaded Successfully",
    		AEC_Saving: "Saving...",
    		AEC_Saved: "Comment Successfully Saved",
    		AEC_Delink: "De-link Successful"
    	}
    /* ]]> */
    </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-content/plugins/wp-ajax-edit-comments/js/wp-ajax-edit-comments.js?ver=2.3'></script>
    <meta name="generator" content="WordPress 2.7.1" />
    <link rel="stylesheet" href="http://localhost/wordpress/wp-content/plugins/wp-ajax-edit-comments/css/edit-comments.css" type="text/css" media="screen"  /><!-- Ajax Edit Comments -->
    <!--[if IE]>
    <style>
      .clearfix {display: inline-block;}
      /* Hides from IE-mac \*/
      * html .clearfix {height: 1%;}
      .clearfix {display: block;}
      /* End hide from IE-mac */
    </style>
    <![endif]-->
    <link rel="stylesheet" href="http://localhost/wordpress/wp-includes/js/thickbox/thickbox.css" type="text/css" media="all"  />
    <!-- Start Of Script Generated By WP-Polls 2.40 -->
    <script type="text/javascript">
    /* <![CDATA[ */
    	var polls_ajax_url = 'http://localhost/wordpress/wp-content/plugins/wp-polls/wp-polls.php';
    	var polls_text_wait = 'Your last request is still being processed. Please wait a while ...';
    	var polls_text_valid = 'Please choose a valid poll answer.';
    	var polls_text_multiple = 'Maximum number of choices allowed:';
    	var poll_show_loading = 1;
    	var poll_show_fading = 1;
    /* ]]> */
    </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-includes/js/tw-sack.js?ver=1.6.1'></script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-content/plugins/wp-polls/polls-js-packed.js?ver=2.40'></script>
    <link rel='stylesheet' href='http://localhost/wordpress/wp-content/plugins/wp-polls/polls-css.css?ver=2.40' type='text/css' media='all' />
    <style type="text/css">
    .wp-polls .pollbar {
    	margin: 1px;
    	font-size: 8px;
    	line-height: 10px;
    	height: 10px;
    	background-image: url('http://localhost/wordpress/wp-content/plugins/wp-polls/images/default_gradient/pollbg.gif');
    	border: 1px solid #6E8798;
    }
    </style>
    <!-- End Of Script Generated By WP-Polls 2.40 -->
    <!-- Start WP Post Thumbnail CSS -->
    <style type="text/css">
    .wppt_float_left {float:left;margin:0 1.5em 0.5em 0; padding:3px;border:1px solid #ddd;}
    .wppt_float_right {float:right;margin:0 0 0.5em 1.5em; padding:3px;border:1px solid #ddd;}
    </style>
    <!-- End WP Post Thumbnail CSS -->
    
    <!-- Start Of Script Generated By WP-PostRatings 1.40 -->
    <script type="text/javascript">
    /* <![CDATA[ */
    	var ratings_plugin_url = 'http://localhost/wordpress/wp-content/plugins/wp-postratings';
    	var ratings_ajax_url = 'http://localhost/wordpress/wp-content/plugins/wp-postratings/wp-postratings.php';
    	var ratings_text_wait = 'Please rate only 1 post at a time.';
    	var ratings_image = 'stars';
    	var ratings_image_ext = 'gif';
    	var ratings_max = 5;
    	var ratings_mouseover_image = new Image();
    	ratings_mouseover_image.src = ratings_plugin_url + "/images/" + ratings_image + "/rating_over.gif";
    	var ratings_show_loading = 1;
    	var ratings_show_fading = 1;
    	var ratings_custom = 0;
    /* ]]> */
    </script>
    <script type='text/javascript' src='http://localhost/wordpress/wp-content/plugins/wp-postratings/postratings-js-packed.js?ver=1.40'></script>
    <link rel='stylesheet' href='http://localhost/wordpress/wp-content/plugins/wp-postratings/postratings-css.css?ver=1.40' type='text/css' media='all' />
    <!-- End Of Script Generated By WP-PostRatings 1.40 -->
    <!--ajax edit comments --><script type='text/javascript'>
    tb_pathToImage = 'http://localhost/wordpress/wp-includes/js/thickbox/loadingAnimation.gif';tb_closeImage = 'http://localhost/wordpress/wp-includes/js/thickbox/tb-close.png';
    </script>
              
    </head>
    
    <body>
    <div id="header">
        <div class="header-inner">
        <div class="header-topper">
        <p class="topper-title"><a title="Randomize" href="javascript:location.reload(true)">Random post:</a></p>
        
        
             <p class="topper-post"><a href="http://localhost/wordpress/?p=3">Ok whats next? Now we are going to dive into the Wordpress loop.</a></p>
         	
    	<div class="topper-search">
    	 
    <form method="get" id="searchform"  
    action="http://localhost/wordpress/"> 
    <input class="input-search" type="text" value="Search"  
    name="s" id="s"  
    onblur="if (this.value == '')  
    {this.value = 'Search';}"  
    onfocus="if (this.value == 'Search')  
    {this.value = '';}" /> 
    <input type="hidden" id="searchsubmit" /> 
    </form>
    	</div>
     
     
        
        </div> <!-- End header-topper -->
        
    	
    	
        <div class="header-logo-wrapper"><a href="http://localhost/wordpress"><div class="header-logo"></div></a></div>
        
    	
    	
        <div class="header-menu">
            <ul>
                <li class="page_item page-item-79 current_page_item"><a href="http://localhost/wordpress" title="Home">Home</a></li>
    <li class="page_item page-item-97"><a href="http://localhost/wordpress/?page_id=97" title="Images">Images</a></li>
    <li class="page_item page-item-91"><a href="http://localhost/wordpress/?page_id=91" title="Polls">Polls</a></li>
    <li class="page_item page-item-2"><a href="http://localhost/wordpress/?page_id=2" title="Blog">Blog</a></li>
    <li class="page_item page-item-17"><a href="http://localhost/wordpress/?page_id=17" title="About">About</a></li>
            </ul>
        </div> <!-- End header-menu -->
    	
        
    	
    	<div class="header-nfo">
          <div class="breadcrumb">
    	  <p class="breadcrumb-text">
    
    <!-- Breadcrumb, generated by 'Breadcrumb Nav XT' - http://sw-guide.de/ -->
    <a href="http://localhost/wordpress" title="Browse to: Home">Home</a> / 
    
    </p> <!-- End breadcrumb-text -->
    
          </div>
    	  
    	  <a href="http://localhost/wordpress/?feed=comments-rss2" title="Comment RSS feed">
    	  <img src="http://localhost/wordpress/wp-content/themes/blubbz/images/feed2.png" style="float: right; margin-left: 5px; border: none !important;" alt="rss feed" />
    	  </a>
    	  
    	  <a href="http://localhost/wordpress/?feed=rss2" title="Blog RSS feed">
    	  <img src="http://localhost/wordpress/wp-content/themes/blubbz/images/feed.png" style="float: right; margin-left: 5px; border: none !important;" alt="rss feed" />
    	  </a>
    	  
      <div class="header-subscribe">
    <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=planettechsupport/aoFP', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
    <input type="text" class="subscribe-input" name="email" value="example@email.com" onblur="if (this.value == '') {this.value = 'example@email.com';}" onfocus="if (this.value == 'example@email.com') {this.value = '';}" />
    <input type="hidden" name="uri" value="planettechsupport/aoFP" arprops=",,,,static,auto,visible,,," />
    <input type="hidden" value="en_US" name="loc" arprops=",,,,static,auto,visible,,,"/>
    <input type="image" style="display: none;" class="sbutton" value="" arprops="203px,35px,8px,10px,absolute,auto,visible,,,"/>
    </form>
      </div>
      
      
    	</div> <!-- End header-nfo -->
    	
        </div> <!-- End header-inner -->
    </div> <!-- End header -->
    
    
    <div id="content">
    <div class="content-inner"><!-- Index.php -->
    
    
        <div class="main-content">
            
    		              <div class="main-content-item" id="post-79">
    	   
           
           
           <h2 class="post-title" title="Home">Home</h2>
    
    
           
            <div class="post-content">
    	    <p>this is my custom home page</p>
    	    </div> <!-- End post-content -->
    
           <div class="post-meta-page">
           </div>
    
           </div> <!-- End main-content-item -->
           
           
           
           	   		
    
    
    </div> <!-- End content-inner -->
    
        <!-- Start sidebar 3 -->
    <div id="sidebar">
    <ul>
    
    <li id="polls" class="widget widget_polls"><h2 class="widgettitle">Polls {plz vote!}</h2>
    <div id="polls-1" class="wp-polls">
    		<p style="text-align: center;"><strong>How Is My Site?</strong></p><div id="polls-1-ans" class="wp-polls-ans"><ul class="wp-polls-ul">
    		<li><strong><i>Excellent <small>(100.0%, 1 Votes)</small></i></strong><div class="pollbar" style="width: 99%;" title="You Have Voted For This Choice - Excellent (100.0% | 1 Votes)"></div></li>
    		<li>Good <small>(0.0%, 0 Votes)</small><div class="pollbar" style="width: 1%;" title="Good (0.0% | 0 Votes)"></div></li>
    		<li>Bad <small>(0.0%, 0 Votes)</small><div class="pollbar" style="width: 1%;" title="Bad (0.0% | 0 Votes)"></div></li>
    		<li>Can Be Improved <small>(0.0%, 0 Votes)</small><div class="pollbar" style="width: 1%;" title="Can Be Improved (0.0% | 0 Votes)"></div></li>
    		<li>No Comments <small>(0.0%, 0 Votes)</small><div class="pollbar" style="width: 1%;" title="No Comments (0.0% | 0 Votes)"></div></li>
    		</ul><p style="text-align: center;">Total Voters: <strong>1</strong></p></div>
    </div>
    <div id="polls-1-loading" class="wp-polls-loading"><img src="http://localhost/wordpress/wp-content/plugins/wp-polls/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="wp-polls-image" />&nbsp;Loading ...</div>
    </li>
    		<li id="recent-posts" class="widget widget_recent_entries">			<h2 class="widgettitle">Recent Posts</h2>
    			<ul>
    						<li><a href="http://localhost/wordpress/?p=24">This is the sixth post. </a></li>
    						<li><a href="http://localhost/wordpress/?p=22">Praesent tincidunt vulputate. Cras tincidunt, bibendum bibendum. </a></li>
    						<li><a href="http://localhost/wordpress/?p=20">Your website tagline goes here… Morbi ultricies. </a></li>
    						<li><a href="http://localhost/wordpress/?p=8">This is the third post. </a></li>
    						<li><a href="http://localhost/wordpress/?p=5">This is a random wordpress post title… just to try out my new theme. </a></li>
    						</ul>
    		</li>
    		<li id="meta" class="widget widget_meta">			<h2 class="widgettitle">Meta</h2>
    			<ul>
    			<li><a href="http://localhost/wordpress/wp-admin/">Site Admin</a></li>			<li><a href="http://localhost/wordpress/wp-login.php?action=logout&amp;_wpnonce=103696b02a">Log out</a></li>
    			<li><a href="http://localhost/wordpress/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
    			<li><a href="http://localhost/wordpress/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
    			<li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
    						</ul>
    		</li>
    
    
    </ul>
    </div><!-- End sidebar -->    
    </div> <!-- End content -->
    
        </div> <!-- End main-content -->
        
    <div id="footer">
        <div class="footer-inner">
    	</div>
    </div> <!-- End footer-inner -->
    
    </body>
    </html>
    And here's the CSS:
    Code:
    /********************************
    Base...
    ********************************/
    
    body {
        background: #FFFFFF;
        color: #353535;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        padding: 0px;
        margin: 0px;
    }
    
    *, * a {
        margin: 0px;
        padding: 0px;
        border: 0px;
    }
    
    li {
        list-style: none;
    }
    
    a {
        color: #205E93;
        text-decoration: none;
    }
    
    a:hover {
        color: #649320;
        text-decoration: none;
    }
    
    img, img a, img a:hover {
        border: 0px;
    }
    
    input, textarea {
        background: #FFFFFF;
        border: 1px solid #303030;
        color: #303030;
        padding: 3px 7px;
    }
    
    
    
    
    
    
    
    /********************************
    Header
    ********************************/
    
    #header {
        height: auto;
        overflow: auto;
        background: url(images/headerbg.png) repeat-x top left;
    }
    
    .header-inner  {
        height: auto;
        width: 970px;
        background: url(images/header.png) no-repeat top left;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0px 15px;
    }
    
    .header-topper {
        height: 30px;
        margin: 0px;
        padding: 0px;
        line-height: 30px;
        text-transform: uppercase;
        font-size: 11px;
        color: #6C767D;
    }
    
    .header-topper p {
        width: auto;
        float: left;
    }
    
    .topper-title {
        margin-right: 10px;
    }
    
    .topper-title, .topper-title:hover, .topper-title a, .topper-title a:hover {
        border-bottom: none;
        text-decoration: none;
    }
    
    .topper-title a {
        color: #6C8B9C;
    }
    
    .topper-title:hover, .topper-title a:hover {
        color: #9BA6AE;
        cursor: pointer;
    }
    
    .topper-post, .topper-post a {
        color: #A1BCD1;
        cursor: pointer;
    }
    
    .topper-post:hover, .topper-post a:hover {
        color: #C8D9E6;
    }
    
    .topper-search {
        float: right;
        overflow: hidden;
        margin-top: 4px;
    }
    
    .header-logo {
        height: 82px;
        width: 234px;
        background: transparent url(images/logo.png) no-repeat top left;
        margin-top: 18px;
    }
    
    .header-logo-wrapper {
        height: 82px;
        width: 234px;
        display: block;
    }
    
    .header-menu {
        clear: both;
        width: 970px;
        overflow: hidden;
        display: block;
    }
    
    .header-menu li {
        float: left;
        list-style: none;
        margin-right: 5px;
        height: 37px;
        font-size: 13px;
    }
    
    .header-menu li a {
        padding: 11px 15px;
        display: block;
        color: #9DBFD8;
    }
    
    .header-menu a:hover {
        color: #D5E7F4;
        text-decoration: none;
    }
    
    .current_page_item {
        background: transparent url(images/menu-item.png) repeat-x top left;
    }
    
    .current_page_item  a {
        color: #202020 !important;
    }
    
    .current_page_item a:hover {
        color: #4C4C4C !important;
    }
    
    .input-search {
        background: #202020;
        border: 1px solid #384A53;
        color: #8DB6CD;
        padding: 3px 6px;
        width: 150px;
        font-size: 9px;
        text-transform: uppercase;
    }
    
    
    
    .header-nfo {
        display: block;
        margin: 10px 0px;
        text-transform: uppercase;
    }
    
    .breadcrumb {
        width: auto;
        float: left;
        overflow: hidden;
    }
    
    .breadcrumb-text {
        width: auto;
        float: left;
        overflow: hidden;
    }
    
    .header-subscribe {
        width: auto;
        float: right;
        overflow: hidden;
    }
    
    .subscribe-input {
        width: 150px;
        text-transform: uppercase;
        font-size: 9px !important;
        padding: 3px 6px !important;
    }
    
    
    
    
    
    
    /********************************
    Content
    ********************************/
    
    .main-content {
        width: 650px;
        float: left;
        overflow: hidden;
        display: block;
    }
    
    #content {
        height: auto;
        overflow: auto;
    }
    
    .content-inner {
        height: auto;
        width: 970px;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 10px 15px;
        background: #FFFFFF url(images/contentbg.png) repeat-y top center;
    }
    
    .main-content-item {
        margin-bottom: 15px;
    }
    
    .post-content {
        background: #F6F7F8;
        border-left: 1px solid #DCDDDF;
        border-right: 1px solid #DCDDDF;
        padding: 5px 15px 0px 15px;
    }
    
    .post-title {
        background: #F6F7F8;
        border-top: 1px solid #DCDDDF;
        border-left: 1px solid #DCDDDF;
        border-right: 1px solid #DCDDDF;
        padding: 5px 15px;
        font-family: "Georgia", "Arial", "sans-serif";
        line-height: 25px;
        text-decoration: none;
    }
    
    .post-meta {
        background: #F6F7F8;
        border-bottom: 1px solid #DCDDDF;
        border-left: 1px solid #DCDDDF;
        border-right: 1px solid #DCDDDF;
        padding: 10px 15px 15px;
        color: #2C83BB;
    }
    
    .post-meta-page {
        background: #F6F7F8;
        border-bottom: 1px solid #DCDDDF;
        border-left: 1px solid #DCDDDF;
        border-right: 1px solid #DCDDDF;
        padding: 10px 15px 15px;
        height: 1px;
    }
    
    .post-meta a {
        color: #000000;
        text-decoration: none;
    }
    
    .post-meta a:hover {
        color: #1E4965;
        text-decoration: none;
    }
    
    .post-title a {
        color: #202020;
        width: auto;
    }
    
    .post-title a:hover {
        color: #3E3E3E;
        text-decoration: none;
    }
    
    .post-ratings {
        margin-top: 5px;
    }
    
    
    
    
    
    /********************************
    Sidebar
    ********************************/
    
    
    #sidebar {
        width: 300px;
        float: right;
        overflow: hidden;
        display: block;
    }
    
    #sidebar ul li {
        background: #F6F7F8;
        border: 1px solid #DCDDDF;
        padding: 10px;
        margin-bottom: 10px;
        display: block;
        overflow: hidden;
    }
    
    #sidebar ul li ul {
        background: #FEFEFE;
        border: 1px solid #DCDDDF;
        margin: 7px 0px 0px 0px;
        padding: 5px;
    }
    
    #sidebar ul li ul li {
        padding: 2px 0px 5px 0px;
        margin: 5px 0px;
        list-style: none;
        border: none;
        background: transparent;
    }
    
    
    
    .recent-comments ul li span, .recent-comments ul li span a {
        color: #202020 !important;
        text-transform: uppercase;
    }
    
    
    
    
    /********************************
    Footer
    ********************************/
    
    #footer {
        min-height: 100px;
        overflow: auto;
        background: #000000;
    }
    
    .footer-inner {
        height: 185px;
        width: 970px;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 10px 15px;
    }
    Thanks for the reply.
    -Nike - PTS - Blubbz
    I would love to change the world, but they won't give me the source code.

  • #4
    Regular Coder najkiie's Avatar
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    103
    Thanks
    7
    Thanked 0 Times in 0 Posts
    I just validated it and i found this:

    Line 163, Column 99: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

    …/wordpress"><div class="header-logo"></div></a></div>


    I think that means that i can't wrap a div tag in an A tag... in other words; i cant make a whole div tag into a link!? Is there any other ways to solve that? And do you think that's the problem?
    -Nike - PTS - Blubbz
    I would love to change the world, but they won't give me the source code.

  • #5
    Regular Coder najkiie's Avatar
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    103
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Anyone out there?

    I tried replacing the div tag (the logo div..) with a <p> tag instead. But it didn't change anything.
    -Nike - PTS - Blubbz
    I would love to change the world, but they won't give me the source code.

  • #6
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,519
    Thanks
    114
    Thanked 110 Times in 109 Posts
    Quote Originally Posted by najkiie View Post
    I just validated it and i found this:

    Line 163, Column 99: document type does not allow element "div" here; missing one of "object", "applet", "map", "iframe", "button", "ins", "del" start-tag

    …/wordpress"><div class="header-logo"></div></a></div>


    I think that means that i can't wrap a div tag in an A tag... in other words; i cant make a whole div tag into a link!? Is there any other ways to solve that? And do you think that's the problem?
    No your right because div tags are block element whereas a anchors are inline. Check w3.org for information regarding inline and block elements.

    Cant you put the anchor inside the div

    Code:
    <div class="header-logo"><a href="…/wordpress"></a></div>
    Anyway i doubt wheather that would be the reason that your menu is being shunted up on IE. However you still need to fix that. The only way is not using divs or any block element inside anchors.

    I'll have a look see if i can solve your original problem first though.
    Last edited by timgolding; 05-09-2009 at 09:13 PM.
    You can not say you know how to do something, until you can teach it to someone else.

  • #7
    Senior Coder timgolding's Avatar
    Join Date
    Aug 2006
    Location
    Southampton
    Posts
    1,519
    Thanks
    114
    Thanked 110 Times in 109 Posts
    Ok what i would do here is just put some IE specific CSS in.

    Code:
    .header-menu {
        clear: both;
        width: 970px;
        overflow: hidden;
        display: block;
        /margin-top:17px;
    }
    This worked for IE7 however Im not sure if it would for IE6

    basically there are three hacks

    /
    *
    _

    Putting on of these at the front of any css will mean it only gets read by IE. I can't remember the order but one is for IE7 one for IE6 and one for both. And don't even ask me for IE8 I haven't got there yet. I'm hoping the one that works for IE7 will also work for IE8
    You can not say you know how to do something, until you can teach it to someone else.

  • #8
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    I think the root problem is here:

    Code:
    .header-logo {
        height: 82px;
        width: 234px;
        background: transparent url(images/logo.png) no-repeat top left;
        margin-top: 18px;
    }
    
    .header-logo-wrapper {
        height: 82px;
        width: 234px;
        display: block;
    }
    You have .header-logo, with a top margin of 18px and height of 82px - hence total height 100px, but that's nested inside .header-logo-wrapper which only has height 82px. Firefox copes with this but IE collapses the excess margin.

    I think moving the margin-top from .header-logo to .header-logo-wrapper might do the trick for you.

  • #9
    Regular Coder najkiie's Avatar
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    103
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Thanks for your replies.

    I tried putting the <a> tag inside the <div>, but it looked the same exept the link was gone. The reason the link's gone is because i didn't specify a height/width to the link. So after i did that and refreshed the page it still looked the same, exept now i could click the link...


    Before i added your extra CSS i took an extra look at the site. I saw that the Logo also gets pushed up.(only in IE 7, it doesn't get pushed up in IE 6)

    After i added your CSS the menu looked fine (in IE 7, but not IE 6), but the logo is still pushed up.
    I also saw that it gets messed up in IE 8 too if i add that margin.

    Check out these screenshots: (with the margin)
    IE6:


    IE 7:


    IE 8:



    Oh what a perfect timing for SB65 to comment.
    You're right, i made a misstake there. If i move it to the logo-wrapper it does work, but not in IE 6. It still pushes the menu down. Here's a screenshot of that:
    -Nike - PTS - Blubbz
    I would love to change the world, but they won't give me the source code.

  • #10
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    OK, just had a look at my test page in IE6 and it's OK for me.

    Any chance you could post a live link to this - obviously I don't have the exact images, so maybe that's causing the difference?

  • #11
    Regular Coder najkiie's Avatar
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    103
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by SB65 View Post
    OK, just had a look at my test page in IE6 and it's OK for me.

    Any chance you could post a live link to this - obviously I don't have the exact images, so maybe that's causing the difference?
    I would post a link if i could, but i'm working on the site locally...hmm... I can send you all the images if you want? (just don't steel anything.. )

    Here's the images:
    ask if u need them
    Last edited by najkiie; 05-10-2009 at 10:29 AM.
    -Nike - PTS - Blubbz
    I would love to change the world, but they won't give me the source code.

  • #12
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    OK, just to avoid confusion then, can you repost the code? There's obviously been a number of changes since your original post.

  • #13
    Regular Coder najkiie's Avatar
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    103
    Thanks
    7
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by SB65 View Post
    OK, just to avoid confusion then, can you repost the code? There's obviously been a number of changes since your original post.
    You're right.

    Here's the HTML code: (as it's rendered in the browser. I did remove a bunch of javascript from the header just to make it a bit clearer, but that shouldn't have any effect on the website!)
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>Test Blog</title>
       
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    
        <meta name="generator" content="WordPress 2.7.1" />
    
        <link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/blubbz/page-numbers.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/blubbz/style.css" type="text/css" media="screen" />
        <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://localhost/wordpress/?feed=rss2" />
        <link rel="alternate" type="text/xml" title="RSS .92" href="http://localhost/wordpress/?feed=rss" />
    
        <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://localhost/wordpress/?feed=atom" />
        <link rel="pingback" href="http://localhost/wordpress/xmlrpc.php" />
        
        <link rel="stylesheet" href="http://localhost/wordpress/wp-content/themes/blubbz/js/tooltips/theme/style.css" type="text/css" media="screen" />
        
        <script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/blubbz/js/jquery-1.3.1.min.js"></script>
        <script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/blubbz/js/tooltips/js/jquery.betterTooltip.js"></script>
        
        <script type="text/javascript" src="http://localhost/wordpress/wp-content/themes/blubbz/js/pngfix.js"></script>
        <script type="text/javascript">
        DD_belatedPNG.fix('*');
        </script>
    </head>
    
    <body>
    <div id="header">
    
        <div class="header-inner">
        <div class="header-topper">
        <p class="topper-title"><a title="Randomize" href="javascript:location.reload(true)">Random post:</a></p>
        
        
             <p class="topper-post"><a href="http://localhost/wordpress/?p=8">This is the third post.</a></p>
             
        <div class="topper-search">
         
    <form method="get" id="searchform"  
    action="http://localhost/wordpress/"> 
    <input class="input-search" type="text" value="Search"  
    name="s" id="s"  
    onblur="if (this.value == '')  
    {this.value = 'Search';}"  
    onfocus="if (this.value == 'Search')  
    {this.value = '';}" /> 
    <input type="hidden" id="searchsubmit" /> 
    </form>
    
        </div>
     
     
        
        </div> <!-- End header-topper -->
        
        
        
        <div class="header-logo-wrapper">
        <div class="header-logo"><a href="http://localhost/wordpress"></a></div>
        </div>
        
        
        
        <div class="header-menu">
            <ul>
                <li class="page_item current_page_item"><a href="http://localhost/wordpress" title="Home">Home</a></li>
    
    <li class="page_item"><a href="http://localhost/wordpress/?page_id=97" title="Images">Images</a></li>
    <li class="page_item"><a href="http://localhost/wordpress/?page_id=91" title="Polls">Polls</a></li>
    <li class="page_item"><a href="http://localhost/wordpress/?page_id=2" title="Blog">Blog</a></li>
    <li class="page_item"><a href="http://localhost/wordpress/?page_id=17" title="About">About</a></li>
            </ul>
        </div> <!-- End header-menu -->
        
        
        
        <div class="header-nfo">
          <div class="breadcrumb">
    
          <p class="breadcrumb-text">
    
    <!-- Breadcrumb, generated by 'Breadcrumb Nav XT' - http://sw-guide.de/ -->
    <a href="http://localhost/wordpress" title="Browse to: Home">Home</a> / 
    
    </p> <!-- End breadcrumb-text -->
    
          </div>
          
          <a href="http://localhost/wordpress/?feed=comments-rss2" title="Comment RSS feed">
          <img src="http://localhost/wordpress/wp-content/themes/blubbz/images/feed2.png" style="float: right; margin-left: 5px; border: none !important;" alt="rss feed" />
          </a>
    
          
          <a href="http://localhost/wordpress/?feed=rss2" title="Blog RSS feed">
          <img src="http://localhost/wordpress/wp-content/themes/blubbz/images/feed.png" style="float: right; margin-left: 5px; border: none !important;" alt="rss feed" />
          </a>
          
      <div class="header-subscribe">
    <form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=planettechsupport/aoFP', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" method="post" action="http://feedburner.google.com/fb/a/mailverify">
    <input type="text" class="subscribe-input" name="email" value="example@email.com" onblur="if (this.value == '') {this.value = 'example@email.com';}" onfocus="if (this.value == 'example@email.com') {this.value = '';}" />
    <input type="hidden" name="uri" value="planettechsupport/aoFP" />
    <input type="hidden" value="en_US" name="loc" />
    <input type="image" style="display: none;" class="sbutton" value="" />
    </form>
      </div>
      
      
        </div> <!-- End header-nfo -->
    
        
        </div> <!-- End header-inner -->
    </div> <!-- End header -->
    
    
    <div id="content">
    <div class="content-inner"><!-- Index.php -->
    
    
        <div class="main-content">
            
                          <div class="main-content-item" id="post-79">
           
           
           
           <h2 class="post-title" title="Home">Home</h2>
    
    
           
            <div class="post-content">
            <p>this is my custom home page</p>
            </div> <!-- End post-content -->
    
           <div class="post-meta-page">
           </div>
    
           </div> <!-- End main-content-item -->
    
           
           
           
                          
    
    
    </div> <!-- End content-inner -->
    
        <!-- Start sidebar 3 -->
    <div id="sidebar">
    <ul>
    
    <li id="polls" class="widget widget_polls"><h2 class="widgettitle">Polls {plz vote!}</h2>
    <div id="polls-1" class="wp-polls">
            <p style="text-align: center;"><strong>How Is My Site?</strong></p><div id="polls-1-ans" class="wp-polls-ans"><ul class="wp-polls-ul">
            <li><strong><i>Excellent <small>(100.0%, 1 Votes)</small></i></strong><div class="pollbar" style="width: 99%;" title="You Have Voted For This Choice - Excellent (100.0% | 1 Votes)"></div></li>
    
            <li>Good <small>(0.0%, 0 Votes)</small><div class="pollbar" style="width: 1%;" title="Good (0.0% | 0 Votes)"></div></li>
            <li>Bad <small>(0.0%, 0 Votes)</small><div class="pollbar" style="width: 1%;" title="Bad (0.0% | 0 Votes)"></div></li>
            <li>Can Be Improved <small>(0.0%, 0 Votes)</small><div class="pollbar" style="width: 1%;" title="Can Be Improved (0.0% | 0 Votes)"></div></li>
            <li>No Comments <small>(0.0%, 0 Votes)</small><div class="pollbar" style="width: 1%;" title="No Comments (0.0% | 0 Votes)"></div></li>
            </ul><p style="text-align: center;">Total Voters: <strong>1</strong></p></div>
    
    </div>
    <div id="polls-1-loading" class="wp-polls-loading"><img src="http://localhost/wordpress/wp-content/plugins/wp-polls/images/loading.gif" width="16" height="16" alt="Loading ..." title="Loading ..." class="wp-polls-image" />&nbsp;Loading ...</div>
    </li>
            <li id="recent-posts" class="widget widget_recent_entries">            <h2 class="widgettitle">Recent Posts</h2>
                <ul>
                            <li><a href="http://localhost/wordpress/?p=24">This is the sixth post. </a></li>
                            <li><a href="http://localhost/wordpress/?p=22">Praesent tincidunt vulputate. Cras tincidunt, bibendum bibendum. </a></li>
                            <li><a href="http://localhost/wordpress/?p=20">Your website tagline goes here… Morbi ultricies. </a></li>
    
                            <li><a href="http://localhost/wordpress/?p=8">This is the third post. </a></li>
                            <li><a href="http://localhost/wordpress/?p=5">This is a random wordpress post title… just to try out my new theme. </a></li>
                            </ul>
            </li>
            <li id="meta" class="widget widget_meta">            <h2 class="widgettitle">Meta</h2>
                <ul>
    
                            <li><a href="http://localhost/wordpress/wp-login.php">Log in</a></li>
                <li><a href="http://localhost/wordpress/?feed=rss2" title="Syndicate this site using RSS 2.0">Entries <abbr title="Really Simple Syndication">RSS</abbr></a></li>
                <li><a href="http://localhost/wordpress/?feed=comments-rss2" title="The latest comments to all posts in RSS">Comments <abbr title="Really Simple Syndication">RSS</abbr></a></li>
                <li><a href="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress.org</a></li>
                            </ul>
            </li>
    
    
    </ul>
    </div><!-- End sidebar -->    
    </div> <!-- End content -->
    
        </div> <!-- End main-content -->
        
    <div id="footer">
        <div class="footer-inner">
        </div>
    </div> <!-- End footer-inner -->
    
    </body>
    </html>
    And the CSS:
    Code:
    /********************************
    Base...
    ********************************/
    
    body {
        background: #FFFFFF;
        color: #353535;
        font-family: Verdana,Arial,Helvetica,sans-serif;
        font-size: 11px;
        padding: 0px;
        margin: 0px;
    }
    
    *, * a {
        margin: 0px;
        padding: 0px;
        border: 0px;
    }
    
    li {
        list-style: none;
    }
    
    a {
        color: #205E93;
        text-decoration: none;
    }
    
    a:hover {
        color: #649320;
        text-decoration: none;
    }
    
    img, img a, img a:hover {
        border: 0px;
    }
    
    input, textarea {
        background: #FFFFFF;
        border: 1px solid #303030;
        color: #303030;
        padding: 3px 7px;
    }
    
    
    
    
    
    
    
    /********************************
    Header
    ********************************/
    
    #header {
        height: auto;
        overflow: auto;
        background: url(images/headerbg.png) repeat-x top left;
    }
    
    .header-inner  {
        height: auto;
        width: 970px;
        background: url(images/header.png) no-repeat top left;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 0px 15px;
    }
    
    .header-topper {
        height: 30px;
        margin: 0px;
        padding: 0px;
        line-height: 30px;
        text-transform: uppercase;
        font-size: 11px;
        color: #6C767D;
    }
    
    .header-topper p {
        width: auto;
        float: left;
    }
    
    .topper-title {
        margin-right: 10px;
    }
    
    .topper-title, .topper-title:hover, .topper-title a, .topper-title a:hover {
        border-bottom: none;
        text-decoration: none;
    }
    
    .topper-title a {
        color: #6C8B9C;
    }
    
    .topper-title:hover, .topper-title a:hover {
        color: #9BA6AE;
        cursor: pointer;
    }
    
    .topper-post, .topper-post a {
        color: #A1BCD1;
        cursor: pointer;
    }
    
    .topper-post:hover, .topper-post a:hover {
        color: #C8D9E6;
    }
    
    .topper-search {
        float: right;
        overflow: hidden;
        margin-top: 4px;
    }
    
    .header-logo {
        height: 82px;
        width: 234px;
        background: transparent url(images/logo.png) no-repeat top left;
    }
    
    .header-logo-wrapper {
        height: 82px;
        width: 234px;
        display: block;
        margin-top: 18px;
    }
    
    .header-logo a {
        height: 82px;
        width: 234px;
        margin-top: 18px;
        display: block;
    }
    
    .header-menu {
        clear: both;
        width: 970px;
        overflow: hidden;
        display: block;
    }
    
    .header-menu li {
        float: left;
        list-style: none;
        margin-right: 5px;
        height: 37px;
        font-size: 13px;
    }
    
    .header-menu li a {
        padding: 11px 15px;
        display: block;
        color: #9DBFD8;
    }
    
    .header-menu a:hover {
        color: #D5E7F4;
        text-decoration: none;
    }
    
    .current_page_item {
        background: transparent url(images/menu-item.png) repeat-x top left;
    }
    
    .current_page_item  a {
        color: #202020 !important;
    }
    
    .current_page_item a:hover {
        color: #4C4C4C !important;
    }
    
    .input-search {
        background: #202020;
        border: 1px solid #384A53;
        color: #8DB6CD;
        padding: 3px 6px;
        width: 150px;
        font-size: 9px;
        text-transform: uppercase;
    }
    
    
    
    .header-nfo {
        display: block;
        margin: 10px 0px;
        text-transform: uppercase;
    }
    
    .breadcrumb {
        width: auto;
        float: left;
        overflow: hidden;
    }
    
    .breadcrumb-text {
        width: auto;
        float: left;
        overflow: hidden;
        margin-top: 3px;
    }
    
    .header-subscribe {
        width: auto;
        float: right;
        overflow: hidden;
    }
    
    .subscribe-input {
        width: 150px;
        text-transform: uppercase;
        font-size: 9px !important;
        padding: 3px 6px !important;
    }
    
    
    
    
    
    
    /********************************
    Content
    ********************************/
    
    .main-content {
        width: 650px;
        float: left;
        overflow: hidden;
        display: block;
    }
    
    #content {
        height: auto;
        overflow: auto;
    }
    
    .content-inner {
        height: auto;
        width: 970px;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 10px 15px;
        background: #FFFFFF url(images/contentbg.png) repeat-y top center;
    }
    
    .main-content-item {
        margin-bottom: 15px;
    }
    
    .post-content {
        background: #F6F7F8;
        border-left: 1px solid #DCDDDF;
        border-right: 1px solid #DCDDDF;
        padding: 5px 15px 0px 15px;
    }
    
    .post-title {
        background: #F6F7F8;
        border-top: 1px solid #DCDDDF;
        border-left: 1px solid #DCDDDF;
        border-right: 1px solid #DCDDDF;
        padding: 5px 15px 0px 15px;
        font-family: Georgia, Arial, "sans-serif";
        line-height: 25px;
        text-decoration: none;
    }
    
    .post-meta-top {
        background: #F6F7F8;
        border-left: 1px solid #DCDDDF;
        border-right: 1px solid #DCDDDF;
        overflow: hidden;
        padding: 0px 15px;
        color: #2C83BB;
    }
    
    .post-meta {
        background: #F6F7F8;
        border-bottom: 1px solid #DCDDDF;
        border-left: 1px solid #DCDDDF;
        border-right: 1px solid #DCDDDF;
        padding: 10px 15px 15px;
        color: #2C83BB;
    }
    
    .post-meta-page {
        background: #F6F7F8;
        border-bottom: 1px solid #DCDDDF;
        border-left: 1px solid #DCDDDF;
        border-right: 1px solid #DCDDDF;
        padding: 10px 15px 15px;
        height: 1px;
    }
    
    .post-meta a {
        color: #000000;
        text-decoration: none;
        border-bottom: 1px dotted black;
    }
    
    .post-meta a:hover {
        color: #1E4965;
        text-decoration: none;
    }
    
    .post-title a {
        color: #202020;
        width: auto;
    }
    
    .post-title a:hover {
        color: #3E3E3E;
        text-decoration: none;
    }
    
    .post-ratings {
        margin-top: 5px;
    }
    
    
    
    
    
    /********************************
    Sidebar
    ********************************/
    
    
    #sidebar {
        width: 300px;
        float: right;
        overflow: hidden;
        display: block;
    }
    
    #sidebar ul li {
        background: #F6F7F8;
        border: 1px solid #DCDDDF;
        padding: 10px;
        margin-bottom: 10px;
        display: block;
        overflow: hidden;
    }
    
    #sidebar ul li ul {
        background: #FEFEFE;
        border: 1px solid #DCDDDF;
        margin: 7px 0px 0px 0px;
        padding: 5px;
    }
    
    #sidebar ul li ul li {
        padding: 2px 0px 5px 0px;
        margin: 5px 0px;
        list-style: none;
        border: none;
        background: transparent;
    }
    
    
    
    .recent-comments ul li span, .recent-comments ul li span a {
        color: #202020 !important;
        text-transform: uppercase;
    }
    
    
    
    
    
    
    
    /********************************
    Comments
    ********************************/
    #commentform {
        width: 620px;
        overflow: hidden;
    }
    
    #comments li {
        margin-top: 15px;
        padding: 10px 15px;
        border: 1px solid #EAEAEA;
    }
    
    .comments-header {
        padding-top: 5px;
        border-top: 1px solid #CDCDCD;
        width: 95%;
        margin: 15px auto 0px auto;
    }
    
    .gravatar-img {
    width: auto;
    float: right;
    overflow: hidden;
    border: none;
    outline: 1px solid #999999;
    padding: 1px;
    }
    
    .comment-author {
        font-size: 15px;
        font-weight: bold;
        font-family: Georgia, Arial, "sans-serif";
    }
    
    .comment-date {
        font-size: 12px;
        font-family: verdana, arial, "sans-serif";
        font-weight: normal;
        font-style: italic;
        color: #666666;
    }
    
    .comment-text {
        margin: 10px 0px 0px 0px;;
    }
    
    .edit-comment-admin-links {
    margin: 5px 0px;
    }
    
    .even {
        background: #FFFFFF;
    }
    
    .odd {
       background: #F7F7F7;
    }
    
    .comment-input-fields {
        width: 220px;
        overflow: hidden;
        float: left;
    }
    
    .comment-input-fields input {
        width: 200px !important;
        padding: 3px !important;
        font-size: 10px !important;
        text-transform: uppercase;
        margin-bottom: 10px;
    }
    
    .comment-textarea-box {
        width: 400px;
        float: right;
        overflow: hidden;
    }
    
    .comment-textarea-box textarea {
        width: 380px !important;
        float: right;
    }
    
    .comment-input-fields input, .comment-textarea-box textarea {
        background: #F7F7F7;
        border: 1px solid #8B8B8B;
    }
    
    .comment-input-fields input:focus, .comment-textarea-box textarea:focus {
        background: #FFFFFF;
        border: 1px solid #B2B2B2;
    }
    
    .comment-submit-area {
        width: 100%;
        clear: both;
        display: block;
    }
    
    .comment-subscription-check {
        margin-top: 8px;
        margin-left: 10px;
        float: left;
    }
    
    .publish {
        border: none;
        background: transparent url(images/comment.png) no-repeat top left;
        width: 130px;
        height: 29px;
        float: left;
    }
    
    .publish:hover {
        border: none;
        background: transparent url(images/comment-hover.png) no-repeat top left;
        cursor: pointer;
    }
    
    
    
    
    
    
    /********************************
    Footer
    ********************************/
    
    #footer {
        min-height: 100px;
        overflow: auto;
        background: #000000;
    }
    
    .footer-inner {
        height: 185px;
        width: 970px;
        display: block;
        overflow: hidden;
        margin: 0 auto;
        padding: 10px 15px;
    }
    Last edited by najkiie; 05-10-2009 at 10:27 AM.
    -Nike - PTS - Blubbz
    I would love to change the world, but they won't give me the source code.

  • #14
    New to the CF scene
    Join Date
    May 2009
    Location
    New York City
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Try removing heights and margins for different elements, or setting display:none to different elements to try and debug and see what is causing the problem

  • #15
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    OK thanks - I ripped out some of the script as well - but still OK in IE6 using your reposted code - must be the css that's different?

    From your original css the only change I have is to move the margin-top as onthe earlier post.


  •  
    Page 1 of 2 12 LastLast

    Tags for this Thread

    Posting Permissions

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