Liquid design spørgsmål
jeg har dette design:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style type="text/css">
body
{
margin: 5% 5% 0px 5%;
}
div.test
{
background-color: blue;
position: absolute;
margin: 0px 0px 0px 0px;
width: 100%;
height: 200px;
z-index: 1;
}
div.test2
{
background-color: blue;
position: absolute;
margin: 210px 0px 0px 0px;
width: 200;
height: 400px;
z-index: 1;
}
div.test3
{
background-color: blue;
position: absolute;
margin: 210px 0px 0px 210px;
width: 100%;
height: 400px;
z-index: 1;
}
div.back
{
position: absolute;
margin: 0px 0px 0px 0px;
width: 100%;
height: 100%;
z-index: 0;
}
</style>
</HEAD>
<BODY>
<DIV class="back">
<DIV class="test" ALIGN="">
erer
</DIV>
<DIV class="test2" ALIGN="">
ererasdasdasd
</DIV>
<DIV class="test3" ALIGN="">
ererasdasdasdg hjghd jgdh jhdg jgd
</DIV>
</DIV>
</BODY>
</HTML>
mit problem er at div.test2 skal være 200px bred og div.test3 skal fylde resten, og da jeg ikke ved hvor bredt vinduet er kan jeg ikke bare gøre det med at bruger pixels, er der en måde at gøre dette eller bliver man nødt til at bruge procenter på alle mine div ?
