[level31]

leider komm ich nicht auf den fehler. der FF und safari zeigen die seite richtig an nur der IE nicht. --> HIER
ich hab leider keine idee mehr. welcher profi kann mir da helfen?

[Crizzo]

Welcher IE bitte und was wird falsch angezeigt?

Deine Hausaufgaben:
[Invalid] Markup Validation of http://www.loesch-online.at/ - W3C Markup Validator

Der Test mit dem IE8 verlief positiv, kein Fehler.

[level31]

ich hab mir das auf dem IE7 angeschaut. der zerfetzt mir die divs. meine vermutung geht in die richtung das ein float nicht richtig definiert ist.

meine index.html

{config_load file="$language/lang_$language.conf" section="index"}

<div id="body">
<div id="navright">
{$box_CART}{$box_NEWSLETTER}{$box_ADMIN}{$box_WHAT SNEW}{$box_BESTSELLERS}
<div id="footer">
&copy;2007 {$store_name}
</div>
</div>

<div id="left">
<div id="headbox">
<div id="topnav" class="topnav">
{if $account}{php} if (isset($_SESSION['customer_id'])) { {/php}<a href="{$logoff}">{#link_logoff#}</a>{php} } {/php}{/if}
{if $account}<a href="{$account}">{#link_account#}</a>{/if}
<a href="{$cart}">{#link_cart#}</a>
<a href="{$checkout}">{#link_checkout#}</a>
</ul>
</div>
</div>
<div id="contentbox">
<div id="pathway">
</div>
<div id="navleft">
{$box_CATEGORIES}{$box_SEARCH}
</div>
<div id="pathway">
{$navtrail}
</div>
<div id="hauptteil">
{$main_content}
</div>
</div>
<div id="bottombox" class="bottom">
<a href="http://www.loesch-online.at/shop_content.php?coID=7">Kontakt</a>
<a href="http://www.loesch-online.at/shop_content.php?coID=4">Impressum</a>
<a href="http://www.loesch-online.at/shop_content.php?coID=3">AGB</a>
<a href="http://www.loesch-online.at/shop_content.php?coID=6">Gutscheine</a>
<a href="http://www.loesch-online.at/shop_content.php?coID=2">Datenschutz</a>
<a href="http://www.loesch-online.at/shop_content.php?coID=1">Versand</a>
<a href="http://www.loesch-online.at/login.php">Anmelden</a>
</div>
</div>
</div>

relevanter teil der css

#body {
width:980px;
margin-left:auto;
margin-right:auto;
}

.topmenu li {
font-size:16px;
color:#FFFFFF;
}

#left {
}

/* Headbox */
#headbox {
background:url(img/top_logo.gif);
width:786px;
height:147px;
}

#topnav {
margin-left:230px;
padding-top:115px;
}

.topnav {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:200;
}

.topnav a {
color:#FFFFFF;
}

.topnav a:hover {
color:#FFFFFF;
}

#search {
}

/* Contentbox */
#contentbox {
}

#pathway {
color:#014C8C;
margin-left:230px;
width:582px;
}

#navleft {
background:#CBD6EA;
min-height:518px;
width:194px;
float:left;
margin-top:2px;
}

#hauptteil {
float:left;
width:582px;
padding-left:5px;
padding-right:5px;
padding-top:10px;
min-height:480px;
}

#navright {
background:#D69D00;
min-height:667px;
width:194px;
float:right;
}

/* Bottombox */
#bottombox {
float:left;
width:980px;
height:50px;
text-align:center;
padding-top:50px;
}

.bottom a {
font-size:18px;
padding-left:15px;
padding-right:15px;
color:#014C8D;
}

.bottom a:hover {
font-size:18px;
padding-left:15px;
padding-right:15px;
color:#014C8D;
}

#footer {
text-align:center;
float:left;
width:194px;
padding-top:50px;
font-size:9px;
}

das ist ein themplate für xt:commerce

[Crizzo]

Versuche dich mal an: Cascading Style Sheets { Vollreferenz zu CSS 1 und CSS 2.1 : CLEAR } und FAQ Punkt 2, dein #body wächst nicht mit.

Dann nimmt sich dein linker Teil zu viel Platz und rutscht nach unten, weil oben alles "voll" ist.

[level31]

der body soll auch nicht wachen. ich will eine fixe breite. wenn ich die breite des <hauptteil> kleiner mache nützt das auch nix, obwohl genug platz sein sollte.
das scheint mit dem float-clear zusammen zu hängen. was muss ich in der css ändern? schnall das nicht ganz.

[Crizzo]

Lies die FAQ unter Punkt 2 nochmal. Wenn ich wachsen meine, meine ich die Höhe nicht die Breite.

Dein Hauptproblem ist allerdings, dass deine linke Seite zu breit ist. Rechne nochmal deine Breiten und Abstände durch (div#pathway).

Und schmeiß die Tabelle aus div#hauptteil raus, die hat dort nichts verloren!

[level31]

ok, besten danke erstmal. für heute mach ich mal schluss. werd mir das ganze morgen nochmal in ruhr anschaun.

[level31]

danke, hast recht, der pathway ist viel zu breit. dummer fehler...

[Synoxis]

Noch ein kleiner Tipp: Man nimmt für eine Navigation, in deinem Fall für die im Footer, Listen und nicht nur aneinandergereihte a-Tags.