Ciao ragazzi facevo il mio template e quando ho guardato il menu mi sono accorto che i due broswer lo interpretavano diversamente.
ecco il link:
vincy6web
ecco il source:
style.css:
@charset "utf-8";
/* CSS Document */
body
{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(images/body_image.png);
color:#000000;
}
#page
{
margin:30px auto;
background-color:#0000FF;
width:700px;
border:solid;
border-color:#000000;
}
#header
{
width:700px;
height:100px;
background-image:url(images/header.png);
background-color:#FF6600;
}
#menu {
text-align:center;
width: 700px;
height: 70px;
background-color:#FF6600;
overflow:hidden;
font-weight: bold;
}
#menu ul {
list-style: none;
float:left;
}
#menu li {
padding:20px 20px;
display:inline;
float: left;
}
#menu a {
padding:10px 20px 30px 20px;
display: inline;
float: left;
text-decoration: none;
font:"Comic Sans MS";
color:#FF6600;
background-color:#0000FF;
}
#menu a:hover
{
background-color:#FF6600;
color:#0000FF;
}
#incontent
{
margin:10px 10px;
background-color:#0000FF;
}
#content
{
background-color:#0000FF;
}
index.it:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<title></title>
</head>
<body>
<div id="page">
<div id="header">
</div>
<div id="menu">
[*]
<ul>HomePage[/list]
<ul>Chi Siamo[/list]
<ul>Dove Siamo[/list]
<ul>News[/list]
</div>
<div id="incontent">
<div id="content">
Lorem Ipsum ect
</div>
</div>
</div>
</body>
</html>
Rispondi quotando
