Ciao a tutti.
E' il mio primo messaggio.Io sono Alice. Piacere.
Avrei un problemino e mi rivolgo a voi, dato che mi ispirate parecchia fiducia e ho trovato in passato più volte risposte su questo vostro ben fornito forum!
Sto provando a creare una pagina html servendomi dei css (div) per impaginare il layout.
Ora... avrei un problema. Ho tentato di fare qualche contenitore div e di metterci dentro gli oggetti (ove serviva) come background.
ORRORE:
su IE non si vede. Ovvero si vede sollo header e il footer, ma è come se non interpretasse ad esempio il float. Perchè al posto dei blocchi dove ho usato il float si vede lo sfondo nero. Non vede nulla. .
Con firefox (che uso abitualmente) tutto ok e pure su safari
Ma se... vi incollo il codice per l'htm e il css mi sapete dire che cavolo sbaglio????????
Mentori miei... vi ringrazio già da ora x le eventuali risposte! E scusate per gli sfondoni che leggerete. Ma da qualche parte si dovrà pur iniziare x imparare!
__________________________________________________ _________________________
INDEX.HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN">
<head>
<title>Blablabla</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content=" " />
<meta name="keywords" content=" " />
<link rel="stylesheet" type="text/css" href="default.css">
</head>
<body>
<div id="Container">
<div id="Header"></div>
<div id="Menu">
<div id="HeaderBottom"></div>
<div id="MenuSinistra"></div>
<div id="MenuBottom"></div>
</div>
<div id="Blank"> </div>
<div id="Footer"> </div>
<div id="Bottom"> </div>
</div>
</body>
</html>
__________________________________________________ _________________________
CSS
*{
padding:0;
margin:0;
}
body
{
background-color: black;
font-family: arial;
font-size: 10px;
color: white;
padding:0;
margin:0;
}
#Container
{
width: 1024px;
margin: 0px;
}
#Menu
{
width: 382px;
float: left;
background:black;
border:0;
position: absolute;
left: 0;
top: 77px;
}
#Blank
{
height: 452px;
width: 646px;
float: left;
background: white;
border: 0;
margin: 0px;
margin-left: 382px;
position: absolute;
left: 0;
top: 77px;
}
#Header
{
height: 78px;
width: 100%;
float: left;
background: url("Sorgenti/Photoshop/header.jpg") top left no-repeat;
border:0;
margin: 0px;
}
#HeaderBottom
{
height: 25px;
width: 382px;
float: left;
background: url("Sorgenti/Photoshop/headerBottom.jpg") top left no-repeat;
border:0;
margin: 0px;
}
#MenuSinistra
{
height: 427px;
width: 382px;
float: left;
background: url("Sorgenti/Photoshop/menuSinistra.jpg") top left no-repeat;
border:0;
margin: 0px;
}
#MenuBottom
{
overflow: auto;
width: 382px;
float: left;
background: url("Sorgenti/Photoshop/menuBottom.jpg") top left repeat;
border:0;
margin: 0px;
}
#Footer
{
clear: both;
width: 1024px;
background: url("Sorgenti/Photoshop/footer.jpg") top left no-repeat;
border:0;
margin: 0px;
position: absolute;
left: 0;
top: 529px;
height: 54px;
}
#Bottom
{
border:0;
margin: 0px;
background: url("Sorgenti/Photoshop/bottom.jpg");
position: absolute;
left: 0;
top: 583px;
}