Content Höhe 100%

[karabey]

Hallo,

Hab über Google einiges gelesen um den Content 100% (http://codecamel.com/fullheight) höhe zu verpassen aber das möchte irgendwie nicht. Bleibt immer auf der Höhe das es gerade braucht.

Eigentlich sollte es sich an den vorherigen Divs Höhe mit 100% anpassen. Hat einer eine Idee warum es sich nicht anpasst?

lg
karabey

Linkback: https://www.modified-shop.org/forum/index.php?topic=23844.0

[mantis]

Hi zum Verständnis,
Du möchtest den Inhalt immer auf genau 100% des Viewports (sichtbarer Bereich des Browsers)?
bzw. möchtest Du den Inhalt genau 100% des Viewports.

Falls Du die Höhe des Viewport mindestens 100% haben möchtest reicht es beim Standard Template (Theme) dem body, #wrap, #contentwrap, #leftcol, #rightcol, #content und  #contentfull
jeweils

Code: CSS  [Auswählen]

min-height: 100%;
height: 100%;

zuweisen.

Dieses geht jedoch einfacher wenn Du eine Klasse anlegst z.B .c_height und dies jedem oben gennanten Tag zuweist.
Falls du immer genau 100% haben willst wird es Kompliziert da Du viele weitere Faktoren berücksichtigen musst.

Gruss
mantis
 

[karabey]

Naja mir geht es eher darum den unteren {$NAVIGATION} in der product_listing_v1.html immer am unteren Rand zu halten. Da aber der #content nicht 100% ausnutzt (falls nur ein paar Produkte da sind) bleibt es irgendwo in der Mitte stehen. Und das sieht  aus.

lg
karabey

[mantis]

Um die Navigation am unteren Bildrand "anzukleben" geht es einfacher entweder den Smarty call {$NAVIGATION} in ein div fügen und statisch mit CSS an den unteren Bildrand fügen etwa so.

html

Code: PHP  [Auswählen]

<div id="nav container">{$NAVIGATION}</div>

css

Code: CSS  [Auswählen]

#nav_container{
   position: static;
   bottom: 0;
}

Eventuel muss der z-index auch noch angepasst werden -

Bitte beachten IE6 unterstützt Dieses nicht aber da IE6 EOL hat ist das nur von Sekundärer Bedeutung.

Gruss
mantis

[karabey]

Hatte schon mit "position:static" und "bottom:0" getestet aber aus dem wurde auch nichts.

Code: PHP  [Auswählen]

{config_load file="$language/lang_$language.conf" section="new_products"}
<h1>{#heading_text#}</h1>

        <div style="background-color:#eee;padding:3px; border:1px solid #e5e5e5;">{$NAVIGATION}</div>
        <div id="blocksit">
        {foreach name=aussen item=module_data from=$module_content}
        {php} $col++; {/php}
                <div class="grid">
                        <div class="imgholder">
                 {if $module_data.PRODUCTS_IMAGE!=''}
                        <a href="{$module_data.PRODUCTS_LINK}"><img src="{$module_data.PRODUCTS_IMAGE|replace:"thumbnail_images":"popup_images"}" alt="{$module_data.PRODUCTS_NAME}" /></a>
                 {else}
                     <div class="no-image"><a href="{$module_data.PRODUCTS_LINK}"><img src="{$tpl_path}/img/no-image.png" /></a></div>
                 {/if}</div>
                        <div class="productsname"><a href="{$module_data.PRODUCTS_LINK}">{$module_data.PRODUCTS_NAME}</a></div>
                        <div class="meta"><span>Preis:</span> {$module_data.PRODUCTS_PRICE}</div>
                </div>
        {php} if ($col>=4) {$col=0;echo '';}{/php}
        {/foreach}
        </div>
<div class="clear"></div>
<div id="nav container">{$NAVIGATION}</div>

Ich denke das liegt wieder daran das der #content sich nicht auf die Höhe von #contentwrap ausdehnt.

[Matt]

Mit position:static wirst du nicht viel reißen, position:absolute ist, was du suchst.

Um 100% Höhe zu erreichen ist es wichtig, auch dem HTML-Element 100% Höhe zu geben, sonst wird das nichts.

[karabey]

Welches HTML-Element soll den 100% bekommen? #content, #leftcol, #rightcol und #contentfull bringt nicht viel. Wenn du es direkt am $Navigation meinst dann verschiebt es sich gerade mal 500px nach unten und ist wieder nicht das bottom erreicht.

Nur das hat mir derzeit geholfen

Code: CSS  [Auswählen]

#nav_container{
        position: absolute;
        bottom: -210px;
        background-color:#eee;
        width:735px;
        padding:3px;
        border:1px solid #e5e5e5;
}

Man kann natürlich diskutieren wie logisch das ist. Wie reagiert ist auf andere Seiten und andere Browser.

EDIT: Ziemlich unlogisch Schon auf ein anderen Link geklickt und die Ausgabe ist verschwunden.