Jump to content

obniżanie się kolumn w szablonie


Recommended Posts

Witam, 

 

mam problem z koszykiem i zjeżdżającymi kolumnami w dół strony po najechaniu na koszyk w nagłówku.

Podgląd zamieszczam w załączniku. Dałem kolory aby łatwiej było zauważyć o co chodzi.

 

post-589568-0-63842300-1381318941_thumb.jpg

 

Dany problem nie występuje tylko na stronie głównej. oraz na przeglądarkach opera 15, chrome i safari

Szablon ma sporo modyfikacji i zapewne gdzieś przekombinowałem, ale nie wiem gdzie.

 

kod pliku header.tpl:

{if $page_name == 'index'} 
 <!-- Center -->
 <div id="page" class="container_12 clearfix">
  <div style="height: 415px; background: linear-gradient(black 85%, #f7f7f7);">
   <div>
    <div id="columns" class="grid_12 alpha omega clearfix">				
     <div id="center_column" class="grid_12">
{else}
 <div id="page" class="container_11 clearfix" style="margin-top: 20px;">
  <div id="columns" class="grid_11 alpha omega clearfix" style="background: yellow;">
 <!-- Left -->
  <!-- div id="left_column" class="column grid_2 alpha">
   {$HOOK_LEFT_COLUMN}
  </div-->
 <!-- Center -->
  <div id="center_column" class="grid_11" style="background: red;">
{/if}

jak widać na podglądzie "columns" się trzyma, ale cała reszta w nim zjeżdża mi na dół.

gird:
 

.container_11 {
 margin:0 auto;
 width: 1200px;
}
.container_12 {
 margin:0 auto;
 width: 100%;
 text-align: left;
 z-index: 0px;
}
.container_11 .grid_11 {width:1200px;}
.container_12 .grid_12 {width:100%;}

i global:

#page {}
#header {z-index:1000}
#columns {z-index:1}
#left_column {width: 200px;}
#center_column {}
#right_column { width: 300px; float: right;}
#footer {}
Edited by korni (see edit history)
Link to comment
Share on other sites

×
×
  • Create New...