Support » Themes and Templates » horizontal menu IE6, IE7
horizontal menu IE6, IE7
-
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; }
-
add an extra line
float:left
in
#menu ul li {
display:inline;
}tried but seems not working, but thanks for reply. another ideas?
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.
i dont know anything about wp structure, so my lame question, how to edit index page? where are located these wrong tags
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.phpthank you, problem solved after deleting float:left from #menu ul li a
- The topic ‘horizontal menu IE6, IE7’ is closed to new replies.