Leider habe ich beim Darstellen ein Problem mit dem IE. Ich habe sozusagen 3 Blöcke (Navigation=links, Hauptteil=mitte und einen Navigationsblock= rechts)
Leider klebt der rechte Block #nav_right irgendwie rechts fest. Den linken kann ich positionieren, Der rechte macht aber nicht was er soll.
Natürlich hab ich da noch mehr aber ich hab jetzt mal alles auf das Problem hin reduziert.
Im FireFox funktioniert alles einwandfrei.
Zu sehen bei Living-Luebeck
Vielleicht kann mir ja einer helfen :)
Schon mal Danke
Leider klebt der rechte Block #nav_right irgendwie rechts fest. Den linken kann ich positionieren, Der rechte macht aber nicht was er soll.
Natürlich hab ich da noch mehr aber ich hab jetzt mal alles auf das Problem hin reduziert.
Im FireFox funktioniert alles einwandfrei.
Zu sehen bei Living-Luebeck
Code:
* { margin: 0px; padding: 0px; }
#body { text-align: left; width: 980px;}
#page_container { width: 980px; overflow: hidden; margin: 0; }
#page_inner_container { clear: both; text-align: left; padding: 0; float: left; margin: 0; }
#innerBox { border: 1px solid #333333; text-align: center; overflow: hidden; float: left; clear: both; padding-right: 1px; margin: 0; position: relative; }
#head_container { position: absolute; top: 0; width: 980px; overflow: hidden; }
#outerContainer { border-left: 198px solid #FF0033; border-right: 200px solid #FF0033; z-index: 1; margin-top: 180px; width:572px; }
.mainbody { width: 540px; margin: 0 5px 0 5px;}
.clr { clear: both; float: none; }
#content { text-align: left; padding: 0 5px 0 12px; margin: 0 0 0 0; overflow: hidden; }
#innerContainer { border-width: 0 1px; margin: 0; width: 100%; z-index: 2; background: #fff000; }
#nav_left { float: left; width: 184px; position: relative; z-index: 5; }
#middle { margin: 0; width: 100%; }
#nav_right { float: right; width: 180px; position: relative; z-index: 5; }
#wrap { float: left; margin: 0; width: 100%; text-align: left; }
Code:
config_load file="$language/lang_$language.conf" section="index"}
<div align="center">
<div id="page_container">
<div id="page_inner_container">
<div id="innerBox">
<div id="outerContainer">
<div id="innerContainer">
<div id="wrap">
<div id="middle">
<!-- Hauptteil -->
<div class="mainbody">
{$main_content}
</div>
<!-- Ende Hauptteil -->
</div>
<!-- Linke Spalte -->
<div id="nav_left">
{$box_CATEGORIES}
{$box_ADD_QUICKIE}
{$box_CONTENT}
{$box_INFORMATION}
{$box_LAST_VIEWED}
{$box_REVIEWS}
{$box_SPECIALS}
{$box_WHATSNEW}
</div>
<!-- Ende -->
</div>
<!-- Rechte Spalte -->
<div id="nav_right">
{$box_CART}
{$box_LOGIN}
{$box_ADMIN}
{$box_NEWSLETTER}
{$box_BESTSELLERS}
{$box_INFOBOX}
{$box_CURRENCIES}
{$box_LANGUAGES}
{$box_MANUFACTURERS_INFO}
</div>
<!-- Ende Rechte Spalte -->
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<!-- Logo + Navigation -->
<div id="head_container">
<!-- Headergrafik -->
<div id="head" align="center">
<div id="head_logo">
</div>
<div id="reiternav">
<div class="mini_wrapper">
<div id="reiter_inner">
</div>
</div>
</div>
</div>
<!-- Ende Headergrafik -->
<!-- Navigation -->
<div id="navigation">
<div id="headsearch">
</div>
</div>
<div id="breadcrump">
</div>
<!-- Ende Navigation -->
</div>
<!-- Ende Logo + Navigation -->
</div>
</div>
</div>
</div>
<!-- Fussteil -->
<br />
{if $BANNER}
<div id="banner" align="center">
{$BANNER}
</div>
{/if}
<!-- Ende Fussteil -->
Vielleicht kann mir ja einer helfen :)
Schon mal Danke