absolute position duer ikke
Jeg har en hjemmeside hvor jeg alt efter skærmens opløsning vil placere nogle hovedelementer på bestemte steder på siden.Jeg har en div kasse der indlejrer nogle andre.
Problemet er at når jeg skifter left propertien på den yderste div boks vil den ikke rykke sig..Så altså siden ser kun pæn ud i 1024. I alle andre opløsninger er den forskubbet mod venstre....Jeg kan ikke få den til at komme længere ind mod højre selvom jeg ændrer min left property. Hvad gør jeg galt?
Her er mit stylesheet
body {
margin:0px;
}
#logo {
position:absolute;
left:176px;
top:0px;
width:100%;
height: 165px;
}
#leftmenu {
position:absolute;
left:176px;
top:180px;
width:90px;
}
#content {
position:absolute;
top:180px;
left:270px;
width:700px;
}
#footer {
position:absolute;
top:165;
left:750;
}
og her er siden der gør brug af den:
{*smarty*}
<html>
{include file=header.tpl}
<!------De enkelte sider sørger selv for body start tag. Dette gir større fleksibilitet----->
<div id="pageFrame" style="{$invoiceHeight} BORDER-RIGHT: #d1d1d1 1px solid; BORDER-TOP: #d1d1d1 1px solid; BORDER-LEFT: #d1d1d1 1px solid; BORDER-BOTTOM: #d1d1d1 1px solid;BACKGROUND-COLOR:#f1f1f1;">
<div id="paycards">
{include file=paycards.tpl}
</div>
<div id="content">
{include file=$showpage}
</div>
<div id="logo">
{include file=logo.tpl}
</div>
<div id="leftmenu">
{include file=menu.tpl}
</div>
{if $showCopyright neq "yes"}
<div id="footer" >
{include file="footer.tpl"}
</div>
{/if}
</div>
</body>
</html>
