Web Hosting Talk






PDA

View Full Version : firefox and IE

hopesfall
06-23-2008, 01:51 AM
how come when I test my code in firefox it looks different than in Internet Explorer?
freewebspace
06-23-2008, 02:38 AM
how come when I test my code in firefox it looks different than in Internet Explorer?


Each browser has a different sets of standarads for CSS.. so only it looks different in IE from what you see in firefox
hopesfall
06-23-2008, 03:27 AM
How do I get my menu to go horizantal rather than vertical? this is what I have so far, what do I need to change?
<html>

<title> HostedBy </title>

<!--top right navagation-->
<head>
<style type="text/css">
h6
{
border-top: medium solid #5CB3FF;
font-family: arial;
text-align: right;



}
</style>

<body link="white" vlink="white" style="margin: 0px">
<font color="white">
<h6> <a href="http://www.Google.com"> Home </a> -

<a href="http://www.yahoo.com"> Chat </a> -
<a href="http://www.dogpile.com"> Contact </a>

</font>
</h6>


</head>

<title>Nifty Corners: Javascript CSS rounded corners</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.1">
<style type="text/css">
body{padding: 20px;background-color: #659EC7;
font: 76% Verdana,Arial,sans-serif}
div#menu{float:right;width: 50px;padding-top:48px;background: url(navbk.jpg)}
ul#nav,ul#nav li{list-style-type:none;margin:0;padding:0}
ul#nav{padding-left: 30px}
ul#nav li{float:right;width:101px;margin-right:2px;text-align: center}
ul#nav a{float: right;width:130px;padding: 0px 0 5px;text-decoration:none;background: #38ACEC;color: white}
ul#nav li.activelink a,ul#nav a:hover{color: black}
</style>
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript" src="nifty.js"></script>
<script type="text/javascript">
window.onload=function(){
if(!NiftyCheck())
return;
RoundedTop("div#nav li","transparent","#BEFF9A");
}
</script>
</head>
<body>

<div id="menu">
<ul id="nav">
<li id="home" class="activelink"><a href="#">::Home</a></li>
<li id="who"><a href="#">::About</a></li>
<li id="prod"><a href="#">::Product</a></li>
<li id="serv"><a href="#">::Services</a></li>
<li id="cont"><a href="#">::Contact us</a></li>

</ul>
</div> --->
</body>
</html>
linux-tech
06-23-2008, 04:42 AM
Each browser has a different sets of standarads for CSS.. so only it looks different in IE from what you see in firefox

Close

Each browser will follow standards to their own interpretation. IE (via microsoft) has always tried to force the world to THEIR standards, being the giant they are.

There are a set of "standards" setup by w3c that should be adhered to by all. As w3c is an independent, outside organization, they are the best to follow by, not some monopolistic company with their mind solely on selling their next big thing.

Microsoft has always refused to adhere to CSS standards, though with IE7, they got better. Firefox, on the other hand has been quite standards compliant. They're not perfect (nobody is), but they actually contribute to development of these rather than just take their ball and play by themselves a-la microsoft.
awatson
06-23-2008, 06:02 PM
hopesfall - This is a good article on different ways to handle unordered lists in CSS:

http://www.alistapart.com/stories/taminglists/
connectingrainbows
06-26-2008, 08:14 AM
Try adding "display: inline;" to your li description.