Sto facendo un sito tramite l'utilizzo di css e Xhtml.
Purtroppo incorro nel solito problema creato da Ie. La struttura del sito e formata da due colonne: menu e contenuti. Ho usato una regola float per impostarli e ff e opera non mi danno problemi come al solito.Internet Exploler invece non rispetta la regola float e mette il menu sotto ai contenuti invece di visualizzarla alla destra dei contenuti. Il problema potrebbe essere causato dall'impostazione della larghezza dei box data tramite percenutale.
Posto il codice per maggiori chiarimenti.
E anche il sito http://dartfira.altervista.org/Bagnolese%20F.C/
INDEX
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<title>F.C. Bagnolese Scuola Calcio
</title>
</head>
<body>
<div id="contenitore"><h1>
<span id="spanh1">
</span>F.C. Scuola Calcio Bagnolese</h1>
<div id="contenitore-menu">
<div id="contenitore-tutto"> <h2>About Us</h2>
orem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla eget dolor. Ut nibh elit, rhoncus a, varius in, pretium vitae, felis. Vivamus congue placerat nunc. Curabitur non ipsum. Nunc venenatis tellus vitae justo. Etiam convallis malesuada eros. Ut elit quam, ultricies a, sodales eget, rhoncus at, massa. Aliquam orci leo, imperdiet id, vulputate vestibulum, tincidunt in, enim. Mauris et dolor. Cras vitae arcu. In sit amet tortor sed tortor laoreet bibendum. Praesent mollis pretium lorem. Duis bibendum quam quis dui. Sed nec tellus id dolor rhoncus mattis. Praesent eget dui ut dolor molestie tincidunt. Morbi pharetra dolor sit amet elit. Ut eget lorem. In consequat eros sit amet est. Donec volutpat, magna at dictum ultricies, sem erat hendrerit mi, eget egestas nulla sapien nec massa.
</p>
</div>
<div id="menu-dx"> <h3>Menu</h3>
<ul>[*]Home Page[*]Storia[*]Trofei[*]Foto[*]Contatti [/list]
</div>
</div>
<div id="footer">
</div>
</div>
</body>
</html>
CSS
body {
font-size: 10px;
font-style: normal;
font-family: Tahoma,Arial,Helvetica,Sans-serif;
color: black;
margin: 0;
text-align: center;
background-image: url(immagini/Sito/sfondo.png);
}
h1 {
width: 790px;
height: 300px;
text-align: left;
position: relative;
margin: 0 auto;
font: bold 12px Arial,sans-serif;
}
#spanh1 {
position: absolute;
width: 100%;
height: 100%;
background-image: url(immagini/Sito/header.png);
background-repeat: repeat;
}
#contenitore {
width: 800px;
text-align: left;
margin: 0 auto;
background-color: white;
}
#contenitore-menu {
width: 790px;
text-align: left;
margin: 0 auto;
}
#menu-dx {
width: 25%;
text-align: left;
float: left;
}
#menu-dx h3{
background-image: url(immagini/Sito/menu.png);
background-repeat: no-repeat;
margin-bottom: 0;
text-align: center;
height: 19px;
}
#menu-dx ul{
margin: 0;
padding: 0;
width: 194px;
list-style: none;
background-color: #2a6cf
margin-left: 0;
text-align: left;
}
#menu-dx li{
margin-left: 0;
padding-left: 10px;
list-style: none;
width: 49%;
float: left;
background-image: url(Immagini/sito/double.jpg);
background-repeat: no-repeat;
background-position: left center;
display: inline;
}
#contenitore-tutto {
width: 75%;
text-align: left;
float: left;
}
#footer {
clear:both;
width:100%;
height: 0;
}
Grazie Anticipatamente per le risposte.
Rispondi quotando
