Hi,
ich hab in der Suche Nichts zu meinem Problem finden können. Daher schildere ich das mal hier:
Ich hab den Warenkorb wie in der
Anleitung beschrieben rechts im Header eingebaut und die Searchbox dort links daneben getan. Um die Warenkorb div hab ich auch wie in der
Anleitung beschrieben die Verlinkung gelegt.
Funktioniert auch wunderbar, solang man keine Artikel im Warenkorb hat.
Sobald ich jedoch einen Artikel in den WK lege, rutscht die Anzeige (Bsp: 1 Artikel | Summe: 17,79 EUR) ca. 50px nach unten. Ausserdem verschwindet fast die ganze Schriftformatierung, lediglich die Farbe der Schrift bleibt.
Vorher
[ Für Gäste sind keine Dateianhänge sichtbar ]
Nachher
[ Für Gäste sind keine Dateianhänge sichtbar ]
Meine stylesheet.css sieht in dem Abschnitt so aus:
/* HEADER WITH LOGO, SEARCH BOX AND CART BOX */
#header {
height:140px;
background: #000000 url(img/top_logo.png) no-repeat;
border-top: 6px solid #fff;
border-bottom:1px solid #fff;
}
#header #logo {
float:left
}
#header #cart {
background: url(img/cart.png) no-repeat;
background-position:right;
width: 202px;
height:65px;
float:right;
color:#000;
padding:0;
margin:57px 13px 0 0;
}
#header #cart a {
padding:1px 0 0 10px;
display:block;
height:64px;
color:#000;
font-size:11px;
outline: none;
}
#header #cart h2 {
color:#000;
font-size:11px;
outline: none;
}
#header #search {
width: 220px;
height:55px;
float:right;
color:#000000;
padding:0px 0px 0px 0px
}
#header #search a {
color:#000000;
font-size:11px;
outline: none;
}
#header td {
padding-top:1px;
padding-right:4px;
}
Wenn ich mir aber den Quelltext anschau, dann gibt er mir folgendes aus:
<div id="cart">
<h2 class="boxcartheader-menu"><a href="https://ssl-account.com/shop.caboom-fashion.de/shopping_cart.php?XTCsid=b33e63d08d9ce0e63e8503ede95bd252"><strong>Warenkorb:</strong></a></h2>
<div class="boxcartbody-menu">
<strong>1</strong> Artikel | Summe:<strong> 17,79 EUR</strong>
</div>
</div><div id="search">
<form id="quick_find" action="http://www.shop.caboom-fashion.de/advanced_search_result.php" method="get">
<table border="0" class="search_header" cellspacing="0" cellpadding="0">
<tr>
<td><input type="text" name="keywords" value="Suchen" style="width:160px;" maxlength="30" onfocus="if(this.value==this.defaultValue) this.value='';" onblur="if(this.value=='') this.value=this.defaultValue;" /></td>
<td><input type="image" src="templates/xtc5/buttons/german/button_quick_find.gif" alt="Suchen" title=" Suchen " /></td>
</tr>
<tr>
<td colspan="2"><a href="http://www.shop.caboom-fashion.de/advanced_search.php">Erweiterte Suche »</a></td>
</tr>
</table>
</form></div>
</div>
Hat Jemand ne Idee, was da falsch ist?
Ich finde den Fehler einfach nicht.
Linkback: https://www.modified-shop.org/forum/index.php?topic=7668.0