div og p tag, Firefox og IE tolker min side forskelligt
Jeg er ved at lave en side, og vil helst ikke bruge tabeller.Jeg har lavet et eksempel på problemet som kan ses på nedenstående link:
http://kasperbirk.dk/sites/cms3/designtest.html
Den yderste boks, ønsker jeg udviger sig hvis den inderste er større en dens height.
Jeg har givet den yderste en fast størrelse 400px, og den inderste har jeg sat til 100%. Hvad mangler jeg for at firefox viser siden på samme måde som IE..?
------------------------------------------------------
KODE:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE> TEST </TITLE>
<style type="text/css">
body{
margin: 0px;
padding: 0px;
}
div.page{
position: absolute;
left: 50px;
top: 5px;
width: 750px;
height: 400px;
top: 10px;
background-color: #EFEDE0;
border-width: 1px;
border-style: solid;
border-color: #D2CFC1;
/* overflow:auto; */
}
div.page p.ElementStyle{
border-width: 1px;
border-style: solid;
border-color: #D2CFC1;
background-color: #ffffff;
margin: 2px;
padding: 2px;
}
div.page p.content{
height: 100%;
font-family: tahoma;
font-size: 11px;
}
</style>
</HEAD>
<BODY>
<div class="page">
<p class="content ElementStyle">
Content
</p>
</div>
</BODY>
</HTML>
