- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Aiuto html, css e div prime armi - no su Ie
-
Aiuto html, css e div prime armi - no su Ie
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
[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>
[/html]___________________________________________________________________________CSS
[html] *{
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;
}[/html]
-
Sinceramente non capisco il perchè, stamattina a lavoro ho provato a dargli un'occhiata (la ho installato anche ie 6) ma non sono riuscito a capire in poco tempo il problema, mentre con ie 7 è tutto ok...
-
Vi ricordo che su ie 6 c'è un bug coi margini bisogna impostarli a -3px affinchè si vedano correttamente in tutti i browser, non ho controllato se il motivo è questo, poi altro bug presente alla dopo che usate già varie volte il float create un div e impostateli clear in both.
Con la microsoft come dobbiamo fare.....
-
Beh dai è vero in effetti a volte dobbiamo usare quest'affermazione, ma dalla sua parte è stata la prima a fare un sistema operativo che anche un'incapace potesse usare