✔ Rahmen um Webseite

[peter1972]

Und da waren Sie wieder die Probleme:
Wo ist das schliessende </div> für Contentwrap ?



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

<div id="wrap">

<div id="header">
<div id="logo"><img src="{$tpl_path}img/top_logo.jpg" alt="{$store_name}" /></div>
<div id="topmenuwrap">
<ul id="topmenu">
<li><a href="{$cart}">{#link_cart#}</a></li>
{if $account}
<li><a href="{$account}">{#link_account#}</a></li>
{/if}
<li><a href="{$checkout}">{#link_checkout#}</a></li>
{if $account}{php} if (isset($_SESSION['customer_id'])) { {/php}
<li><a href="{$logoff}">{#link_logoff#}</a></li>
{php} } {/php}{/if}
</ul>
</div>
<tr>
<td>{$box_CONTENT}</td>
</tr>
</div>

<div id="breadcrumb">{$navtrail}{$PRODUCT_NAVIGATOR}</div>
<div id="contentwrap">
{if !strstr ($smarty.server.PHP_SELF, 'checkout')}
<div id="border">
<div id="leftcol">{$box_CATEGORIES}{$box_ADMIN}{$box_INFORMATION}{$box_NEWSLETTER}{$box_WHATSNEW}</div>
{/if}
<div
{if !strstr ($smarty.server.PHP_SELF, 'checkout')}
id="content"
{else}
id="contentfull"
{/if}
>{$main_content}</div>
{if !strstr ($smarty.server.PHP_SELF, 'checkout')}
{/if}
</div>
<p class="footer">Your Company Footer here</p>
</div>
{if $BANNER}
<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td align="center">{$BANNER}</td>
</tr>
</table></div>

{/if}
<tr>

 

[Maik]

Dem Quellcode zufolge hier:

<!-- EDIT -->

</div>
<p class="footer">Your Company Footer here</p>

 

[peter1972]

Habe jetzt nach :

<p class="footer">Your Company Footer here</p>
</div>
</div> dieses div gesetzt, aber ohne Erfolg.

Ich glaube in der Index sind noch ein paar Fehler:

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

<div id="wrap">
<div id="header">
<div id="logo"><img src="{$tpl_path}img/top_logo.jpg" alt="{$store_name}" /></div>

<div id="topmenuwrap">
<ul id="topmenu">
<li><a href="{$cart}">{#link_cart#}</a></li>
{if $account}
<li><a href="{$account}">{#link_account#}</a></li>
{/if}
<li><a href="{$checkout}">{#link_checkout#}</a></li>
{if $account}{php} if (isset($_SESSION['customer_id'])) { {/php}
<li><a href="{$logoff}">{#link_logoff#}</a></li>
{php} } {/php}{/if}
</ul>
</div>
<tr>
<td>{$box_CONTENT}</td>
</tr>
</div>
<div id="breadcrumb">{$navtrail}{$PRODUCT_NAVIGATOR}</div>
<div id="contentwrap">
{if !strstr ($smarty.server.PHP_SELF, 'checkout')}
<div id="border">
<div id="leftcol">{$box_CATEGORIES}{$box_ADMIN}{$box_INFORMATION}{$box_NEWSLETTER}{$box_WHATSNEW}</div>
{/if}
<div
{if !strstr ($smarty.server.PHP_SELF, 'checkout')}
id="content"
{else}
id="contentfull"
{/if}
>{$main_content}</div>
{if !strstr ($smarty.server.PHP_SELF, 'checkout')}
{/if}
</div>
<p class="footer">Your Company Footer here</p>
</div>
</div>
{if $BANNER}
<table width="100%" border="0" cellspacing="4" cellpadding="0">
<tr>
<td align="center">{$BANNER}</td>
</tr>
</table>

{/if}
<tr>

Ich werde es mal auf einem Server installieren, und dann wäre es verdammt nett wenn Du nocheinmal rüberschauen könntest.

 

[Maik]

Ich hab mich eben "verzählt", das schliessende </div> müsste sich vor dem "Footer" befinden.

Nutze doch bitte die Highlight-Tags zum Auszeichnen des Quellcodes, damit er sich von normalen Text absetzt. Vielen Dank.

 

[peter1972]

Ich habe gerade einen Test-Shop installiert.
Ich schiebe gerade das Template rüber.

Die Adresse lautet http://www.Suedstern-Shop.de

 

[Maik]

Dass der Rahmen derzeit nicht angezeigt wird, liegt daran, weil die Floatumgebung zum Abschluss nicht "gecleart" wurde - siehe auch http://positioniseverything.net/easyclearing.html:

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

Die in dem Artikel genannte Klasse .clearfix wird dann zusätzlich im DIV #border aufgerufen:

<div id="border" class="clearfix">...</div>

Zudem solltest du mal den HTML-Code validieren, denn da tauchen nach dem Header vor und hinter der Tabelle tr,td-Elemente auf, zu denen das dazugehörige table-Element fehlt.

Ebenso wird in einem ul-Listenelement keine Tabelle, sondern Listenpunkte li notiert.

 

[peter1972]

Danke für die Antwort

Jetzt ist die linke Linie schon mal da. Jezt fehlt nur noch die rechte

 

[Maik]

Dann schalt den rechten Rahmen doch einfach wieder ein

#border {... border-width:0px 0px 12px 12px;}

 

[peter1972]

Danke daran hatte ich jetzt gar nicht mehr gedacht !

Wenn jetzt die beiden Linien noch an der oberen Reihe der Breadcrumb enden würden, wär ich glücklich

OK, habe jetzt mal margin-top:-50px gesetzt, Rahmen endet auch da wo er soll, nun stimmen natürlich die linken boxen nicht mehr.


#wrap { margin: 0px auto; width:950px; background-color:#FFFDE8;}
#border { margin-top:-50px; border-style:solid; border-color:#F9D7A9; border-width:0px 12px 12px 12px;}

 

[Maik]

Naja, 50px sind da wohl ein bischen viel :suspekt:

5px sollten da völlig reichen, um die Lücke zu schliessen.