Hi,
ich versuche schon fast seit einer Woche dieses Layout : http://luxusuhrenshop.eu/shop/ hin zubekommen.
CSS code
und hier der html code ohne body und header
ich brauche dringen eure Hilfe. ich komm da mit einfach nicht klar.
DANKE
ich versuche schon fast seit einer Woche dieses Layout : http://luxusuhrenshop.eu/shop/ hin zubekommen.
CSS code
Code:
#rahmen {
top: 0;
width: 930px;
height: auto;
position:absolute;
left:50%;
margin-left:-465px;
border: 1px solid #000;
background-color: #3b54fb;
}
#logo {
background-color: #80f641;
width: 250px;
height: 125px;
margin-left: 25px;
margin-right: 25px;
}
#navi {
width: 250px;
margin-left: -285px;
background-color: #f4fd58;
height: 40px;
position: relative;
top: 0;
margin-top: 50px;
}
#navisub {
margin-top: 5px;
width: 250px;
margin-left: -285px;
background-color: #d4485b;
height: 300px;
position: relative;
top: 0;
}
#suche {
margin-top: 50px;
width: 250px;
margin-left: -285px;
background-color: #90f627;
height: 150px;
margin-bottom: 50px;
position: relative;
top: 0;
}
#login {
background-color: #d33b4e;
width: 250px;
height: 125px;
top: 0;
position: absolute;
margin-left: 680px;
}
#zusatz {
width: 380px;
height: 125px;
margin-left: 300px;
background-color: #ca36fc;
top: 0;
position: absolute;
}
#mitte {
width: 610px;
padding: 10px;
top: 0;
margin-top: 0;
margin-left: 300px;
background-color: #fff;
height: auto;
position: relative;
}
#inhalt {
width: 605px;
background-color: #d85f8d;
margin-top: -640px;
margin-bottom: 20px;
height: auto;
}
#footer {
width: auto;
height: auto;
background-color: #9125fb;
padding: 5px;
clear: both;
}
#footer a {
text-align: left;
border-right: 1px solid #1b0dfa;
padding-right: 5px;
opacity: 1;
padding-left: 5px;
}
und hier der html code ohne body und header
Code:
<div id="rahmen">
<div id="logo"></div>
<div id="mitte">
<div id="navi"></div>
<div id="navisub">{box name=categories}</div>
<div id="suche">{box name=search}</div>
<div id="inhalt">
<div>
{if $show_index_boxes == 'true'}<div id="content">{else}<div id="contentfull">{/if}
{$content}</div>
</div>
</div>
</div>
<div id="login">
<ul id="logintext">
<li><a href="{link page='cart'}">{txt key=TEXT_CART}</a></li>
{if $account == true}
<li><a href="{link page='customer' conn=SSL}">{txt key=TEXT_ACCOUNT}</a></li>
{/if}
<li><a href="{link page='checkout' paction='shipping' conn=SSL}">{txt key=TEXT_CHECKOUT}</a></li>
{if $account == true}
{if $registered_customer}
<li><a href="{link page='customer' paction='logoff' conn=SSL}">{txt key=TEXT_LOGOFF}</a></li>
{else}
<li><a href="{link page='customer' paction='login' conn=SSL}">{txt key=TEXT_LOGIN}</a></li>
{/if}
{/if}
</ul>
<div id="warenkorb">{box name=cart}</div>
</div>
<div id="zusatz"></div>
<div id="footer"><p class="footer">
{content block_id=6}
{if $_content_6|count > 0}
{foreach name=aussen item=box_data from=$_content_6}
<a href="{$box_data.link}">{$box_data.title}</a>
{/foreach}
{/if}
</p>
[<copyright>]
</div>
{hook key=index_footer_tpl}
{banner bg=banner}
</div>
</div>
</div>
ich brauche dringen eure Hilfe. ich komm da mit einfach nicht klar.
DANKE