Skipjackrick Posted March 9, 2008 Share Posted March 9, 2008 Well, IE is used by 80% of the people that view my web pages and for some reason my page is not being displayed properly with IE. Firefox works fine. Can anybody give me an idea why? I updated IE to the latest. Java is updated to the latest? Something with my CSS? or Javascript? http://www.extremecoast.com/Kayak_Wars/index.html the CSS file /******************************************** HTML ELEMENTS ********************************************/ /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background: #CCC; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #606060; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #006699; } h2 { font-size: 140%; text-transform: uppercase; color: #006699; } h3 { font-size: 120%; color: #666666; } /* images */ img { background: #FAFAFA; border: 1px solid #E5E5E5; padding: 5px; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } code { margin: 5px 0; padding: 10px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ; /* white-space: pre; */ background: #FAFAFA; border: 1px solid #f2f2f2; } acronym { cursor: help; border-bottom: 1px dotted #777; } blockquote { margin: 10px; padding: 0 0 0 28px; border: 1px solid #f2f2f2; background: #FAFAFA url(quote.gif) no-repeat 5px 5px; } /* start - table */ table { border-collapse: collapse; margin: 10px auto; } th strong { color: #fff; } th { background: #006699; height: 29px; padding-left: 12px; padding-right: 12px; color: #FFF; text-align: center; border-left: 1px solid #B6D59A; border-bottom: solid 2px #FFF; } tr { height: 30px; } td { padding-left: 11px; padding-right: 11px; border-left: 1px solid #FFF; border-bottom: solid 1px #ffffff; } td.first,th.first { border-left: 0px; } tr.row-a { background: #F8F8F8; } tr.row-b { background: #EFEFEF; } /* end - table */ /* form elements */ form { margin:10px; padding: 0 10px; background-color: #FFF; } label { display:block; font-weight:bold; margin:5px 0; } input { padding:2px; border:1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width:400px; padding:2px; font: normal 1em Verdana, sans-serif; border:1px solid #eee; height:100px; display:block; color:#777; } input.button { font: bold 12px Arial, Sans-serif; height: 24px; margin: 0; padding: 2px 3px; color: #FFF; border: none; background-color: #003399; background-image: url(button-bg.jpg); background-repeat: repeat-x; background-position: 0 0; } /* search form */ .searchform { background-color: transparent; border: none; margin: 0; padding: 5px 0 15px 0; width: 190px; } .searchform p { margin: 0; padding: 0; } .searchform input.textbox { width: 120px; color: #777; height: 18px; padding: 2px; border: 1px solid #E5E5E5; vertical-align: top; } .searchform input.button { width: 60px; height: 24px; padding: 2px 5px; vertical-align: top; } /******************************************** LAYOUT ********************************************/ #wrap { width: 820px; background: #CCC url(content.jpg) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 820px; position: relative; height: 103px; background: #CCC url(header.jpg) no-repeat center top; padding: 0; color: #FFF; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 31px; left: 47px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 12px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 86px; left: 55px; width: 192px; } /* header links */ #header #header-links { position: absolute; top: 20px; right: 30px; color: #C6DDEE; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #606060; } /* Menu */ #menu { clear: both; margin: 0 auto; padding: 0; background: url(menu.jpg) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 37px; width: 780px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #FFF; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #606060; } #menu ul li#current a { color: #D4E59F; } /* Main Column */ #main { float: left; width: 98%; padding: 0; margin: 5px 0 0 5px; display: inline; } #main h2 { margin: 10px auto; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #003399; padding: 5px 0 5px 5px; border-bottom: 1px solid #EFF0F1; text-transform: none; } #main h2 a { background: none; color: #003399; text-decoration: none; } #main ul li { list-style-image: url(bullet.gif); } .post-footer { padding: 5px; margin: 20px 10px 10px 10px; font-size: 95%; } .post-footer .date { background: url(clock.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: url(comment.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: url(page.gif) no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #68774A; } #sidebar h3 { margin-top: 10px; padding: 5px 5px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #003399; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: url(dots.jpg) repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: url(dots.jpg) repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 2px; color: #68774A; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer */ #footer { color: #C6DDEE; background: #CCC url(footer.jpg) no-repeat center top; clear: both; width: 820px; height: 65px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: center; } /* display and additional classes */ .clear { clear: both; } Quote Link to comment Share on other sites More sharing options...
haku Posted March 9, 2008 Share Posted March 9, 2008 The menu items have a value of -1 for 'has layout'. You may be wondering what this means (I did the first time I found it). Here is some info about it: http://haslayout.net/haslayout Quote Link to comment Share on other sites More sharing options...
Skipjackrick Posted March 9, 2008 Author Share Posted March 9, 2008 The menu items have a value of -1 for 'has layout'. You may be wondering what this means (I did the first time I found it). Here is some info about it: http://haslayout.net/haslayout I am confused? Do I need to set something in my CSS file? Quote Link to comment Share on other sites More sharing options...
haku Posted March 9, 2008 Share Posted March 9, 2008 Yes. And you need to read the article I posted. Quote Link to comment Share on other sites More sharing options...
Skipjackrick Posted March 10, 2008 Author Share Posted March 10, 2008 Yes. And you need to read the article I posted. Got it. Thanks for that article. I've got it fixed for now but I need to go back and edit a few things. I am just thankful it was only in the CSS file and I didn't have to edit 30 other pages to fix that. Quote Link to comment Share on other sites More sharing options...
haku Posted March 10, 2008 Share Posted March 10, 2008 No worries. The haslayout is a HUGE pain in the butt. Its also too random to be able to tell someone else what to do to fix their problem, as there are a number of potential ways it can be fixed, but none that seem to be guaranteed. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.