MJSmith
Neues Mitglied
Hallo Zusammen,
bin neu im Forum und komme gleich mal mit einem Problem daher.
Leider habe ich über die Suche nicht sehr viel gefunden bzw. bin ich zu dämlich, die richtigen Rückschlüsse aus verschiedenen Hack-Empfehlungen zu ziehen.
Folgendes Problem: Die Seite x44.com sieht mit aktueller Version des Firefox, Opera und IE7 so aus, wie sie es soll. Mit IE6 hängt die Navigation so ziemlich über der Mitte der Seite und der Rest darunter, so nach dem Motto, alles mit und nach der Navigation einfach mal ein paar 100 Pixel tiefer. Leider habe ich keinen Lösungsansatz:
Das CSS sieht so aus:
Der dazugehörige HTML-Code der entsprechenden Stelle so:
Vielleicht kann mir von euch jemand helfen, wie ich IE6 noch dressieren muss, damit auch das ordentlich aussieht.
Vielen Dank vorerst mal...
Ciao
Andreas
bin neu im Forum und komme gleich mal mit einem Problem daher.
Leider habe ich über die Suche nicht sehr viel gefunden bzw. bin ich zu dämlich, die richtigen Rückschlüsse aus verschiedenen Hack-Empfehlungen zu ziehen.
Folgendes Problem: Die Seite x44.com sieht mit aktueller Version des Firefox, Opera und IE7 so aus, wie sie es soll. Mit IE6 hängt die Navigation so ziemlich über der Mitte der Seite und der Rest darunter, so nach dem Motto, alles mit und nach der Navigation einfach mal ein paar 100 Pixel tiefer. Leider habe ich keinen Lösungsansatz:
Das CSS sieht so aus:
Code:
BODY {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #3a4369;
margin: 0px;
background-color: #aebed0;
background-position:top center;
height:101%;
margin:0%;
padding:0%;
}
div#hundertprozent {
height: 100%;
}
div#main {
margin:0% auto;
padding:0% 0%;
height: 100%;
width: 100%;
}
div#logo {
position:relative;
width: 850px;
height: 40px;
top: -145px;
left: 0px;
float: left;
z-index: 1;
}
div#menue {
position:relative;
width: 850px;
height: 29px;
top: -14px;
left: 20px;
float: left;
z-index: 1;
}
div#unter_menu {
clear: left;
position:relative;
width: 850px;
height: 34px;
top: -14px !important;
left: 0px;
float: left;
background-image: url(img/unter_menu.gif);
z-index: 1;
}
div#basket {
position:relative;
clear: right;
float: right;
width: 175px;
height: 145px;
right: 10px;
top: 0px;
z-index: 2;
}
div#boxen_left {
top: 0px;
left: 34px;
position: relative;
width: 185px;
float: left;
background-color: #FFFFFF;
}
div#text {
clear: none;
top: 63px;
left: 40px;
position: relative;
width: 520px;
float: left;
}
div#information {
top: 120px;
left: 220px;
position: relative;
width: 520px;
float: left;
text-align: center;
}Der dazugehörige HTML-Code der entsprechenden Stelle so:
Code:
<div id="hundertprozent">
<div align="center">
<table border="0" cellpadding="0" cellspacing="0" width="850" height="100%" bgcolor="#FFFFFF" style="border-left: 1px solid #606DA1; border-right: 1px solid #606DA1; border-top-width: 1px; border-bottom-width: 1px"><!-- height="100%" -->
<tr height="1%">
<td valign="top" height="1">
<div id="basket">{$box_CART}</div>
<div id="logo"><img src="{$tpl_path}img/logo.jpg" border="0" width="850" height="200"></div>
<div id="menue">
<dl class="menu">
<dd><a href="index.php"><span class="aa"> </span><span class="bb">Home</span><span class="cc"> </span></a></dd>
{php} if (isset($_SESSION['customer_id'])) { {/php}
<dd><a href="{$logoff}"><span class="aa"> </span><span class="bb">{#link_logoff#}</span><span class="cc"> </span></a></dd>
{php} } else { {/php}
<dd><a href="login.php"><span class="aa"> </span><span class="bb">{#link_login#}</span><span class="cc"> </span></a></dd>
{php} } {/php}
<dd><a href="shop_content.php?coID=10"><span class="aa"> </span><span class="bb">{#link_questions#}</span><span class="cc"> </span></a></dd>
<dd><a href="{$account}"><span class="aa"> </span><span class="bb">{#link_account#}</span><span class="cc"> </span></a></dd>
<dd><a href="{$cart}"><span class="aa"> </span><span class="bb">{#link_cart#}</span><span class="cc"> </span></a></dd>
<dd><a href="{$checkout}"><span class="aa"> </span><span class="bb">{#link_checkout#}</span><span class="cc"> </span></a></dd>
</dl>
</div>
<div id="unter_menu" align="left"><span class="navTrail">{$navtrail}</span></div>
</td>
</tr>
<tr height="98%">
<td bgcolor="#FFFFFF" valign="top" height="99%">Vielleicht kann mir von euch jemand helfen, wie ich IE6 noch dressieren muss, damit auch das ordentlich aussieht.
Vielen Dank vorerst mal...
Ciao
Andreas
