alltså .. "översätta" mått i px till em för block? funkar inte med 960px/13 = 73.84 ser inte ut som 960px för mig iaf
<!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" xml:lang="en" lang="en">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<style type="text/css" id="internalStyle"><!--/*--><![CDATA[/*><!--*/
html,body
{
font-size: 100.1%;
font-family: sans-serif, verdana, arial;
background-color: #ffffff;
color: #333;
margin: 0 auto;
padding: 0;
width: 100%;
height: 100%;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{
margin:0;
padding:0;
}
table
{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img
{
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var
{
font-style:normal;
font-weight:normal;
}
ol,ul
{
list-style:none;
}
caption,th
{
text-align:left;
}
h1,h2,h3,h4,h5,h6
{
font-size:100%;
font-weight:normal;
}
q:before,q:after
{
content:'';
}
abbr,acronym
{
border:0;
}
/*
--------------------------------------------------------------------------------
Test
--------------------------------------------------------------------------------
*/
#wrapper
{
padding:2em;
}
#wrapper h1
{
padding: 0 0 1em 0;
font-weight:bold;
}
#div1, #div2, #div3
{
padding: 0;
margin-bottom: 1em;
}
#div1 p, #div2 p, #div3 p
{
padding: 0.5em 1em;
}
#div1
{
background-color:#FF8000; width:960px;
}
#div2
{
background-color:#FF80C0; width:73.84em;
}
#div3
{
background-color:#FFcc33; width:59.90em;
}
/*]]>*/--></style>
<title>CSS px / em</title>
</head>
<body>
<div id="wrapper">
<h1>Examples</h1>
<div id="div1">
<p>960px</p>
</div>
<div id="div2">
<p>73.84em</p>
</div>
<div id="div3">
<p>59.90em</p>
</div>
<p>In firefox, use ctrl + scrollwheel</p>
<div>
</body>
</html>
