Ho provato la demo e me la da sul margine sinistra del browser, ho provato con un altro browser e ho ottenuto lo stesso risultato...
Adesso le posto codice HTML e CSS relative alla pagina:
HTML:
Codice:
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<link rel="stylesheet" href="../css/configG90-2.css" type="text/css" />
<title>Gelateria 90</title>
</head>
<body>
<div id="topbar">
<img id="logo" alt="Gelateria 90" src="../images/G90-icon.jpg">
</div>
<div id="navbar">
<ul>
<li><a href="Home.html">Home</a></li>
<li><a href="Prodotti.html">I Nostri Prodotti</a></li>
<li><a href="Chi Siamo.html">Chi Siamo</a></li>
<li><a href="Dove Siamo.html">Dove siamo</a></li>
</ul>
</div>
</body>
</html>
E quello CSS:
Codice:
#topbar {
position:fixed;
top:0px;
left:0px;
width:100%;
height: 90px;
background-color:white;
}
#logo {
height: 90px;
width: 90px;
padding:0;
margin: 0 auto;
}
Le assicuro che non riuscire a centrare un'immagine che di solito non ho mai avuto problemi mi da alquanto fastidio, ma ci riuscirò, anzi grazie al suo immenso aiuto.