Mi aiutereste a capire cosa non va (nel commento condizionale?) nel codice che riporto di seguito per far sì che ie 5x interpreti il valore corretto per la proprietà "width"? ho fatto una verifica con IETester ma senza esito positivo:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
<link href="standard.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 5.5]>
<link href="ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
<div id="content">
<div id="box-1">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque vel nibh. Morbi tortor mi, congue sed, mattis sit amet, tincidunt in, tortor. Duis nec tortor in lectus ultricies egestas. Aliquam erat volutpat. In non mi. Praesent bibendum arcu non urna. Morbi vehicula dui id enim. Cras diam ante, sagittis vel, suscipit eu, tristique vel, ligula. Ut malesuada, orci sit amet hendrerit pulvinar, felis lacus posuere diam, eget luctus mauris pede vitae ligula. Nulla at purus at quam volutpat egestas. Mauris sit amet risus. Mauris leo. Integer libero eros, porta at, cursus et, dictum sit amet, augue. Etiam lorem elit, faucibus hendrerit, auctor sit amet, imperdiet sit amet, sapien. Suspendisse vitae nisl. Nunc eget tortor in pede elementum vestibulum. Aliquam leo magna, dapibus non, venenatis eget, sagittis quis, libero. Duis et lorem. Aliquam non arcu non erat accumsan consequat. Praesent mollis interdum ipsum.</p>
</div>
<div id="box-2">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque vel nibh. Morbi tortor mi, congue sed, mattis sit amet, tincidunt in, tortor. Duis nec tortor in lectus ultricies egestas. Aliquam erat volutpat. In non mi. Praesent bibendum arcu non urna. Morbi vehicula dui id enim. Cras diam ante, sagittis vel, suscipit eu, tristique vel, ligula. Ut malesuada, orci sit amet hendrerit pulvinar, felis lacus posuere diam, eget luctus mauris pede vitae ligula. Nulla at purus at quam volutpat egestas. Mauris sit amet risus. Mauris leo. Integer libero eros, porta at, cursus et, dictum sit amet, augue. Etiam lorem elit, faucibus hendrerit, auctor sit amet, imperdiet sit amet, sapien. Suspendisse vitae nisl. Nunc eget tortor in pede elementum vestibulum. Aliquam leo magna, dapibus non, venenatis eget, sagittis quis, libero. Duis et lorem. Aliquam non arcu non erat accumsan consequat. Praesent mollis interdum ipsum.</p>
</div>
</div>
</body>
</html>
---------------------------------------------
file "standard.css"
p {
font-size: 10px;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}
#content {
text-align: justify;
border: thick solid #000000;
padding: 10px;
margin: 10px;
height: 550px;
width: 800px;
}
#box-1 {
margin: 10px;
padding: 10px;
border: 5px solid #CCCCCC;
width: 140px;
position: absolute;
left: 26px;
top: 43px;
}
#box-2 {
margin: 5px;
padding: 20px 30px 10px 210px;
width: 500px;
}
----------------------------
file di modifica "ie.css"
#box-1 {width: 190px;}
#box-2 {width: 750px;}
Grazieee!
Rispondi quotando
