css che su explorer nn funzionano
vorrei sapere xkè questa pagina nn si riesce a vedere con Internet Explorer bene:
www.rakosystem.altervista.org/io.html
questo è la sorgente:
<html>
<head>
<style type="text/css">
@import url(style.css);
</style>
</head>
<body>
<div class="general">
<div class="content">
<img class="topleft" alt="" src="topleft.gif" />
<img class="topright" alt="" src="topright.gif">
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet...</p>
</div>
<img class="bottomright" alt="" src="bottomright.gif" />
<img class="bottomleft" alt="" src="bottomleft.gif" />
</div>
</body>
</html>
mentre questo è il css:
Codice HTML:
.general {
margin:20px auto 20px auto;
padding:0px;
width:600px;
text-align:left;
}
.content {
margin:0;
padding:0;
border:1px solid #71828a;
}
.topleft, .topright, .bottomright, .bottomleft {
padding:0;
border: 0;
}
.topleft{ /* superiore sinistro */
float:left;
margin:-1px 0 0 -1px;
}
.topright{ /* superiore destro */
float:right;
margin:-1px -1px 0 0;
}
.bottomright{ /*inferiore destro */
float: right;
margin: -14px 0 0 0;
}
.bottomleft{/* inferiore sinistro */
float:left;
margin:-14px 0 0 0;
}
.topleft {
margin-left: -4px;
ma\rgin-left: -1px;
}
html>body .topleft {
margin-left: -1px;
}
.topright {
margin-right: -4px;
ma\rgin-right: -1px;
}
html>body .topright {
margin-right: -1px;
}
.bottomright{
margin-right: -3px;
ma\rgin-right: 0px;
}
html>body .bottomright {
margin-right: 0px;
}
.bottomleft {
margin-left: -3px;
ma\rgin-left: 0px;
}
html>body .bottomleft {
margin-left: 0px;
}
grazie
ciao
