Jump to content

Opera/IE Problem


Krewe
 Share

Recommended Posts

-.- I hate these browsers but I gotta fix this problem.Here is my website link: Http://www.codekrewe.com/testing In Firefox and Chrome everything looks peachy.But in Opera and IE my navigation is messed up! The contact link is pushed down out of the area it is suppose to be.I have no idea why, there is plenty of space to hold the contact link, I even did the inspect element to make sure.The problem can be fixed in IE if you do the compatibility view however I would like it to be fixed without that. Here is my css and html, if anyone can help I'd appreciate it. HTML:

<div id="menu"><div id="nav"><div id="logo"><a href="index.php"><Code Krewe ⁄></a></div><div id="links"><ul><li class="home"><a href="index.php" class="home">Home</a></li><li class="about"><a href="about.php" class="about">About</a></li><li class="portfolio"><a href="portfolio.php" class="portfolio">Portfolio</a><ul><li style="float:none;"><a href="portfolio.php#websites">Websites</a></li><li style="float:none;"><a href="portfolio.php#graphics">Graphics</a></li></ul></li><li class="services"><a href="index.php" class="services">Services</a><ul><li style="float:none;"><a href="development.php">Web Development</a></li><li style="float:none;"><a href="design.php">Web Design</a></li><li style="float:none;"><a href="hosting.php">Web Hosting</a></li></ul></li><li class="blog"><a href="index.php" class="blog">Blog</a></li><li class="contact"><a href="index.php" class="contact">Contact</a></li></ul></div></div></div>

CSS:

html,body{height:100%;margin:0px;padding:0px;}body{background-color:#EAECEA;font-family: 'Happy Monkey', cursive;background-image:url('../images/whiteTexture.png');color:#222;}h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;color:#fea40f;font-family: 'Permanent Marker', cursive;font-weight:400;text-shadow:1px 1px 1px #111;}p{margin:0px;padding:0px;text-shadow:0px -1px 1px #000;line-height:150%;}#container{min-height:100%;width:100%;margin-bottom:-250px;position:relative;}a img{border:0px;}a:link,a:visited{color:#fea40f;text-decoration:none;}a:hover,a:active{text-decoration:underline;}#banner{width:600px;height:150px;margin-left:300px;}/***************Nav**************/#menu{height:50px;width:100%;min-width:900px;background-color:#111111;font-size:23px;font-family: 'Permanent Marker', cursive;font-weight:500;background-image:url('../images/blackTexture.png');}#nav{margin-left:auto;margin-right:auto;width:900px;height:50px;}#logo{float:left;margin-top:7px;}#logo a:link,#logo a:visited{color:#EAECEA;text-decoration:none;}#logo a:hover,#logo a:active{color:#fea40f;text-decoration:none;}#links{float:right;margin-top:7px;width:590px;}#links a{display:block;}#links a:link,#links a:visited{color:#EAECEA;text-decoration:none;}#links a:hover,#links a:active{color:#fea40f;text-decoration:none;}#links ul{display:inline;list-style-type:none;}#links li{list-style-type:none;float:left;}#links li ul {position: absolute;width: 195px;left: -999em;clear:left;background-image:url('../images/blackTexture.png');font-size:17px;padding:0px;margin:0px;margin-left:auto;margin-right:auto;padding-left:5px;padding-bottom:5px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 0px;-moz-border-radius-bottomright: 25%;-moz-border-radius-bottomleft: 25%;-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 25%;-webkit-border-bottom-left-radius: 25%;-webkit-box-shadow: 0 8px 6px -6px black;-moz-box-shadow: 0 8px 6px -6px black;box-shadow: 0 8px 6px -6px black;}#nav li:hover ul {left: auto;}li.home,a.home{width:85px;}li.about,a.about{width:90px;}li.portfolio,a.portfolio{width:130px;}li.services,a.services{width:110px;}li.blog,a.blog{width:80px;}li.contact,a.contact{width:95px;}

Appreciate it!Krewe

Edited by Krewe
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...