Hintergrund wird falsch dargestellt
Poldi
- css
Hallo Leute,
bei meinem Sorgenkind handelt es sich um einen Onlineshop.
Erliegt auf meinem Testserver:
http://www.helden-design.de/shop
Die große Box in der Mitte wird nicht korrekt dargestellt. Die untere Kante dieser Box hat eigentlich abgerundete Ecke. Es wird aber noch gleichzeitig das Hintergundbild der Boxmitte angezeigt. Wie kann ich das unterbinden?
Das nächste Problem ist, wenn man auf das Angebot (Kleid Salza) klickt,
wird wiederum das Hintergrundbild der Boxmitte nicht wiederholt.
Wo liegt da der Fehler?
Vielen Dank schon mal für Eure Hilfe.
Poldi
Om nah hoo pez nyeetz,
Ich würde zunächst einmal mir Firefox und dann Firebug installieren. Danach gibt es per Rechtsklick auf die entsprechende Box "Element untersuchen" und so findest du bestimmt am schnellsten raus, welche Ursache das hat.
Matthias
Ich würde zunächst einmal mir Firefox und dann Firebug installieren.
Den habe ich bereits installiert. Konnte den Fehler trotzdem nicht finden!
Om nah hoo pez nyeetz,
dein "haupt-bottom" wird innerhalb von "haupt-main" angezeigt.
Matthias
dein "haupt-bottom" wird innerhalb von "haupt-main" angezeigt.
Ja, ich weiß, aber wie verhindere ich das?
Om nah hoo pez nyeetz,
dein "haupt-bottom" wird innerhalb von "haupt-main" angezeigt.
Ja, ich weiß, aber wie verhindere ich das?
indem du das </div> von haupt-main *vor* <div id="haupt-bottom"> setzt. Schau es dir zunächst im Firebug an, in deinem Quelltext ist es imho weit unübersichtlicher.
Was du als </div><!-- END #haupt_main --> gekennzeichnet hast, ist sehr wahrscheinlich ein anderes div-ende.
Matthias
Danke Dir! Ich versuch es hinzubekommen.
Om nah hoo pez nyeetz,
und wenn du sowieso grad am basteln bist ...
das erste Div ist imho ebenso wie die Tabelle überflüssig.
Matthias
Kann keinen Verschachtelungsfehler finden!Habe es mit dem Hintergrund zwar hinbekommen. Jetzt nervt der Footer.
Om nah hoo pez nyeetz,
Das ist auch eine falsche Verschachtelung, der Footer befindet sich innerhalb von div center box. Du kannst dir die Struktur immer mit firebug anschauen. dein </div> <!-- center_box ist ein anderes Div-ende.
Matthias
Danke Dir schon mal für deine Hilfe Matze!
{config_load file="$language/lang_$language.conf" section="index"}
<div align="center"><table width="960px" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<div id="header">
<div id="top_menue">
<div id="money">{$box_CURRENCIES}</div><!--END #money-->
<div id="hauptnav">{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></div><!--END #hauptnav-->
<div id="sprache">{$box_LANGUAGES}</div><!--END #sprache-->
</div><!-- END #top_menue -->
<div id="box_mitte">
<div id="wetter">{$box_ADD_QUICKIE}</div><!--END #wetter-->
<div id="logo"><img src="templates/maya/img/logo_maya.gif" width="500" height="237" alt="Logo Maya Shop" title="Maya Shop" /></div><!--END #logo-->
<div id="warenkorb">{$box_CART}</div><!--END #warenkorb-->
<div id="anmeldung" align="center">
<div class="a_suche">{$box_SEARCH}</div><!--END .a_suche-->
<div class="a_login">{$box_LOGIN}</div><!--END .a_login-->
</div><!-- END #anmeldung -->
</div><!-- END #box_mitte -->
</div><!-- END #header -->
<div id="center_box">
<div class="haupt_top">
<div class="hi_menue">{$box_CONTENT}</div><!--END .hi_menue-->
</div><!-- END .haupt_top -->
<div class="haupt_main">
<div id="box_left">
<div class="box_left_top">{$box_CATEGORIES}</div>
<div class="box_left_down">{$box_MANUFACTURERS}</div>
</div><!-- END #box_left -->
<div class="box_middle">{$main_content}</div>
<div class="box_right">
<div id="box_angebote">{$box_SPECIALS}</div>
<div class="box_right_down">{$box_INFOBOX}</div>
<div class="a_admin">{$box_ADMIN}</div>
</div><!-- END #boxes_right -->
</div><!-- END #haupt_main -->
<div class="haupt_bottom"></div>
</div><!-- END #centerbox -->
<div id="footer">
<div class="foo_left"></div>
<div class="foo_center">
<div class="foo_info">{$box_INFORMATION}</div>
<div class="foo_newsl">{$box_NEWSLETTER}</div>
</div>
<div class="foo_right"></div>
</div><!-- END #footer --></td>
</tr>
</table></div>
Habe versucht dem Übeltäter mit Hilfe von Kommentaren auf die Schliche zu kommen. Nix.
Bei dem Onlinshop ist es auch so, das einzelne Boxen (kurze HTML Seiten)
in die einzelnen divs geladen werden. Bei einer der Boxen hatte ich einen Fehler gefunden.
Es bleibt aber ein Problemkind.
Om nah hoo pez nyeetz,
Inzwischen ist zumindest der Footer da wo er hingehört. Wenn du nicht willens oder in der Lage bist, die "Div-Suppe" zu verändern, dann kommentieren wenigstens alle div-enden. Fang dazu *innen* an. Orientiere dich dabei am Firebug.
Matthias
Nach mehreren Stunden, kann ich den Verschachtelungsfehler nicht finden! Wenn es einen gibt.
Mahlzeit Poldi,
Ich würde zunächst einmal mir Firefox und dann Firebug installieren.
Den habe ich bereits installiert. Konnte den Fehler trotzdem nicht finden!
Der Validator findet "30 Errors, 34 warning(s)" - sinnvollerweise solltest Du zuerst einmal diese strukturellen Fehler beheben, bevor Du Dich ans "Anhübschen" machst.
Darüber hinaus kann ich nur sagen: *grausam* ... also diese <div>-Suppe, die offenbar XT-Commerce erzeugt.
MfG,
EKKi