[agentxcell]

I have a menu on a footer that just is not acting right with the styleheet for IE no matter what I am doing. So is there a way to include a different HTML file via PHP while excluding the first one?

<div id="footer1">

	<?php include_once("menu2.html"); ?>
	
	<!--[if IE 7]>
	<?php include_once("nav.html"); ?>
	<![endif]-->
	
</div>

[herkalees]

That will result in both include-files being rendered if the visitor is using IE7. You need an if/else thinger.

[agentxcell]

Mkay, what is the most simple way of getting list elements to display horizontally in Internet Explorer? This code works for what I am wanting to do in Firefox however I cannot seem to get it working in IE. So basically all I want is a HOME button and an ESPANOL button with a line seperating them what is the most simple way to accomplish this?

ul.menu2 {
	list-style: none;
	padding-top: 110px;
	padding-left: 700px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}
	
	ul.menu2 li a {
		text-decoration: none;
		display: block;
		width: 75px;
		float: left;
		color: #000000;
		padding-left: 25px;
		border-right: 1px solid;
		border-color: #000000;
		}
		
		ul.menu2 li a:hover {
				color: #FFFFFF;
				}
				
				ul.menu2 li a:active {
				color: #FFFFFF;
				}
		

[LukeV]

why not fix it so it works in all browsers? Could you provide a link so we can actually see the problem?

[agentxcell]

Also should I have used an ID instead of a class?

Here is the link Untitled Document

I will get around to giving it a title as well.

[LukeV]

Why float left if you want them to be on the right? Anyways somethings you can try;

display: inline;
setting a line-height
float: right

floating usually does the trick with IE7. There are a few more tricks into getting them to display in one line but they're nothing coming to mind at the moment.

[agentxcell]

Using IDs and getting rid of the classes do help a bit but how do I get the just one line in the middle of can I? I guess in this case it is not really a big deal which way I float them but here is the new code:
Still does not work in IE.

ul#menu2 {
	list-style: none;
	padding-top: 110px;
	padding-left: 700px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	}
	
	ul#menu2 li a {
		text-decoration: none;
		display: block;
		width: 75px;
		float: left;
		color: #000000;
		padding-left: 25px;
		border-right: 1px solid;
		border-color: #000000;
		}
		
		ul#menu2 li a:hover {
				color: #FFFFFF;
				}
				
				ul#menu2 li a:active {
				color: #FFFFFF;
				}

[pgo]

It's broken in FF/Mac and Safari/Mac also as far as I can tell.

It's not IE's fault your code is a mess...sometimes it isn't IE's fault.

You aren't centering things properly. You're using overlapping paddings and margins to (improperly) create a rudimentary positioning effect...and on and on.

[agentxcell]

Mkay, so what is the on and on part let me know so I can work on it and as far as the positioning what do you suggest to do as a better alternative the only way I can get better is if I know not only what is wrong but the proper way to do something instead.

[LukeV]

Learning to write efficient code can only be achieved through research and practice. I thread reply won't do much for you. All modern browsers give you the ability to view a page's source code. I recommend you utilize this capability. Take a look at website and see how they tackle problems that you might be encountering. Eventually you will get the hang of it yourself.