WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] horizontal menu IE6, IE7 (7 posts)

  1. kachna
    Member
    Posted 4 years ago #

    hello, ive got a problem with horizontal menu on http://new.satelier.sk/ in IE6, IE7. any ideas how to fix that?

    /*
    Theme Name: Corpvox
    Version: 1.0
    */
    
    html, body {
    	font-family: Century Gothic;
    	font-size: 13px;
    	border: 0;
    	color: #515151;
    	padding-top: 9px;
    }
    
    body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
    	margin: 0;
    	padding: 0;
    }
    
    body {
    	background: rgb(164,212,234) url(img/body_bg.jpg) repeat-x 0 0;
    
    }
    
    p {
    	line-height: 19px;
    	padding: 5px 0;
    }
    
    h1, h2, h3, h4, h5 {
    	padding: 10px 0;
    }
    
    ul, ol {
    	list-style: none;
    	padding: 0px 0;
    }
    
    small {
    	font-size: 11px;
    }
    
    code {
    	font-size: 11px;
    }
    
    a {
    	color: #ffffff;
    	text-decoration: none;
    }
    
    a:hover {
    	text-decoration: underline;
    }
    
    a img {
    	border: none;
    	padding: 0px 35px 0px 0px;
    }
    
    blockquote {
    	font-size: 12px;
    	width: 80%;
    	padding: 0 20px;
    	margin: 5px auto;
    	background: #EDEDED;
    	color: #717171;
    	line-height: 19px;
    	font-style: italic;
    }
    
    blockquote p {
    	padding: 10px 0;
    }
    
    /* Align */
    .aligncenter {
    	margin: 10px auto 20px auto;
    	display: block;
    }
    
    .alignleft {
    	margin: 10px 10px 8px 0;
    	float: left;
    }
    
    .alignright {
    	margin: 10px 0px 8px 10px;
    	float: right;
    }
    
    .col-left {
    	float: left;
    }
    
    .col-right {
    	float: right;
    }
    
    /* Wrap */
    #wrap {
    	width: 920px;
    	margin: 0 auto;
    	background: url(img/bg_wrap.gif);
    }
    
    #wrap_in {
    	width: 920px;
    	background: url(img/bg_wrap_in.gif) no-repeat 0 0;
    	padding: 0 20px;
    	min-height: 500px;
    }
    
    /* Top */
    
    #top {
    	width: 914px;
    	padding: 0px 0px;
    }
    
    #top .col-left {
    	width: 0px;
    }
    
    #top .col-left h1 {
    	font-size: 35px;
    	font-weight: normal;
    	text-transform: uppercase;
    	letter-spacing: -1px;
    	padding: 5px 0;
    }
    
    #top .col-left h1 a {
    	color: #212121;
    }
    
    #top .col-right img {
    	margin-left: 15px;
    }
    
    /* Menu */
    
    #menu {
    	width: 920px;
    	height: 42px;
    	background: url(img/bg_menu.gif) no-repeat 0 0;
    	font family: avant garde;
    	font-size: 16px;
    	font-weight: 600;
    	margin-left: 0px;
    	padding: 0 10 10 10px;
    }
    
    #menu ul {margin: 0; padding: 0; list-style-type: none;
    }
    
    #menu ul li {
    	display: inline;
    }
    
    #menu ul li a {
    	display: block;
    	float: left;
    	padding: 0 0px;
    	line-height: 42px;
    	background: url(img/bg_menu_border.gif) no-repeat 0 0;
    	color: #fff;
    }
    
    #menu ul li.first a {
    	background: none;
    }
    
    #Menu ul li a:hover {
    	background: none;
    }
    
    #menu ul li.current_page_item a, 
    
    #menu ul li.current-cat a {
    	color: #2a0707;
    }
    
    /* Content Wrap */
    
    #content_wrap {
    	width: 914px;
    	padding: 20px 20px 20px 0px;
    }
    
    /* Content */
    
    #content {
    	width: 920px;
    }
    
    #content h2 {
    	font-size: 24px;
    	font-weight: normal;
    	clear: both;
    }
    
    #content h2 a {
    	color: #515151;
    }
    
    #content h2.arh {
    	background: url(img/bg_lines.gif) repeat-x 0 bottom;
    	padding-bottom: 5px;
    	margin-top: -7px;
    	margin-bottom: 10px;
    }
    
    #content li {
    	line-height: 16px;
    	padding: 2px 0;
    }
    
    #content ul {
    	padding-left: 20px;
    }
    
    #content ul li {
    	list-style: disc;
    }
    
    #content ol {
    	padding-left: 28px;
    }
    
    #content ol li {
    	list-style: decimal;
    }
    .post {
    	padding-bottom: 10px;
    }
    
    .wp-caption {
    	border: 1px solid #ddd;
    	text-align: center;
    	background-color: #f3f3f3;
    	padding-top: 4px;
    
    /* optional rounded corners for browsers that support it */
    
    -moz-border-radius: 3px;
    
    -khtml-border-radius: 3px;
    
    -webkit-border-radius: 3px;
    
    border-radius: 3px;
    
    }
    
    .wp-caption img {
    	margin: 0;
    	padding: 0;
    	border: 15px none;
    }
    
    .wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
    }
    
    /* Comments (single.php and comments.php) */
    
    .comments_wrap {
    	width: 600px;
    	margin: 20px 0 0px 10px;
    	clear: both;
    	padding-bottom: 5px;
    }
    
    .comments_wrap .left {
    	width: 46px;
    	padding-top: 2px;
    	float: left;
    }
    
    .comments_wrap .left img {
    	padding: 2px;
    	border: #DDDDDD 1px solid;
    }
    
    .comments_wrap .right {
    	width: 500px;
    	float: left;
    	padding-left: 15px;
    }
    
    .comments_wrap .right h4 {
    	font-size: 11px !important;
    	text-transform: none;
    	padding: 0;
    	font-weight: normal;
    }
    
    .comments_wrap .right h4 b {
    	font-size: 12px !important;
    }
    
    .comments_wrap .right h4 a {
    	text-decoration: none;
    }
    
    .comments_wrap .right h4 a:hover {
    	text-decoration: underline;
    }
    
    /* Comments (form) */
    
    #content form {
    	margin: 20px 0 30px 10px;
    }
    
    #content form label {
    	display: block;
    	margin: 10px 0;
    	font-size: 12px;
    }
    
    #content form label input {
    	padding: 3px;
    	width: 180px;
    	font-size: 12px;
    }
    
    #content textarea {
    	margin-bottom: 10px;
    	display: block;
    	padding: 3px;
    	font-size: 12px;
    }
    
    #content form input {
    	margin-top: 5px;
    }
    
    .lc_logged {
    	padding: 0;
    	margin-top: -10px;
    }
    
    /* Footer */
    
    #footer {
    	width: 920px;
    	margin: 0 auto;
    	clear: both;
    	text-align: right;
    	font-size: 10px;
    	padding: 0px 0 0px 0;
    	border-top: #CCCCCC 1px solid;
    }
    
    #footer p {
    	width: 920px;
    	padding: 0px 0;
    	line-height: 16px;
    }
    
    .postmeta {
    	border-top:1px dotted #B7B7B7;
    	color:#979797;
    	font-size:1px;
    	margin:0;
    	padding:0px 0 0px;
    	text-align:right;
    	width:920px;
    }
    
    /* Fix */
    
    .comments_wrap:after,
    .wrap:after {
        content: ".";
        display: block;
    	width:920px;
    	height: 0;
    	text-align:right;
        clear: both;
        visibility: hidden;
    }
  2. vacmedia
    Member
    Posted 4 years ago #

    add an extra line

    float:left

    in

    #menu ul li {
    display:inline;
    }

  3. kachna
    Member
    Posted 4 years ago #

    tried but seems not working, but thanks for reply. another ideas?

  4. Please don't paste huge chunks of code as per the Forum Rules - use the WordPress Pastebin

    Fix your code errors first, including the fact that some of your theme files have a BOM Unicode Byte-Order Mark in them. Check with a text editor. See your [Invalid]Markup Validation of new.satelier.sk - W3C Markup Validator. Scroll down in the validation report to see line numbers and source code.

  5. kachna
    Member
    Posted 4 years ago #

    i dont know anything about wp structure, so my lame question, how to edit index page? where are located these wrong tags

  6. They're in your theme folder Corpvox3, which is in wp-content/themes/ The main problem is the text encoding of index.php, and it looks like you've got a misplaced </div> or two in footer.php

  7. kachna
    Member
    Posted 4 years ago #

    thank you, problem solved after deleting float:left from #menu ul li a

Topic Closed

This topic has been closed to new replies.

About this Topic