WordPress.org

Forums

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

  1. kachna
    Member
    Posted 6 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 6 years ago #

    add an extra line

    float:left

    in

    #menu ul li {
    display:inline;
    }

  3. kachna
    Member
    Posted 6 years ago #

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

  4. Mark Ratledge
    Forum Moderator
    Posted 6 years ago #

    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 6 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. Mark Ratledge
    Forum Moderator
    Posted 6 years ago #

    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 6 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