Witam!
Postanowiłem podzielić stronę na 2 kolumny - mam w tej chwili lewą i środkową. Prawa jest wyłączona. Dodatkowo, chciałem zlikwidować header logo biegnące przez całą szerokość strony i umieścić je nad lewą kolumną, po to by zyskać trochę przestrzeni na inne rzeczy.
Mam już prawie całkiem zmieniony układ strony tak jak chciałem. Jest jeden tylko problem, z którym nie jestem w stanie sobie poradzić. Chciałem by środkowa kolumna była wyrównana do góry strony, do samej krawędzi, a tymczasem wyrównuje się do górnej krawędzi left_column.
Po różnych kombinacjach w plikach header.tpl i global.css nie udało mi się doprowadzić do satysfakcjonującego rezultatu. Wygląda na to, że coś jest z header_logo, bo w momencie gdy wywalam tą sekcję z pliku header.tpl, wszystko podjeżdża mi do góry tak jak powinno. Ale oczywiście kosztem tego, że logo mi znika całkowicie. Logo powinno zostać tam gdzie jest...
Czy ktoś jest w stanie mi pomóc?
Dla jasności link do strony:
http://dobraoliwa.pl/oraz fragment kodu header.tpl:
<body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
{if !$content_only}
{if isset($restricted_country_mode) && $restricted_country_mode}
<div id="restricted-country">
<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
</div>
{/if}
<div id="page">
<div id="columns">
<!-- Left -->
<!-- Header -->
<div id="header">
<a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
<img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
</a>
</div>
<div id="left_column" class="column">
{$HOOK_LEFT_COLUMN}
</div>
<!-- Center -->
<div id="center_column">
<div id="header_right">
{$HOOK_TOP}
</div>
{/if}
