SOLVED: Quay - problem in IE

Hello...

I have problem with menu on Quay template. In Firefox showing everything OK, but in IE the menu is in the upper right corner. The page is http://www.brinal.si
Here is two images:

on IE


on Firefox


What to do?

Thanks for any kind of solution.

Hi

I think it's because of the logo height (in FF I can clearly see that it's on the menu).

But please try to change class to this

Code: Select all

div#horiz-menu {
position:absolute;
top:125px;
}


in suckerfish.css file.

I'm not sure if it will work, but it for start.

My version work on FF and IE 8, but in IE 7 not.
Your sugestion also not working. Here is my template.css:

Code: Select all

/*--------------------------------------------------------------
# Quay - November 2009 (for Joomla 1.5)
# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: [email protected] 
---------------------------------------------------------------*/

/* Body
-----------------------------------------------------------------------------*/
html {
   min-height:100%;
   border-bottom:1px solid transparent;
}
body {
   margin:0;
   padding:0;
   font-family: Arial, Helvetica, sans-serif;
}
/* basic font-size and line-height */
#gk_wrapper {
   font-size:1.2em;
   line-height:1.5em;
}
/* Basic link styles
---------------------------------------------------------------*/
a {
   outline:none;
   cursor:pointer;
}
a:link,
a:visited,
a:active {
   text-decoration:none;
}
a:hover {
   text-decoration:none;
}
/* Basic image style
----------------------------------------------------------------*/
img {
   border:none;
   text-decoration:none;
}
/* Basic lists styles
----------------------------------------------------------------*/
ul {
   padding:0;
   margin:0;
}
ul li {
   padding:0;
   margin:0;
   line-height:170%;
}
ul ul {
   padding-left:20px;
}
ul li a {
   text-decoration:none;
}
ol li {
   line-height:170%;
}
/* Basic heading styles
-----------------------------------------------------------------*/
th {
   padding:4px;
   text-align:left;
}
p,
pre,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6 {
   margin:1em 0;
   padding:0;
}
h1 {
   font-size:2.0em;
}
h2 {
   font-size:1.75em;
}
h3 {
   font-size:1.5em;
}
h4 {
   font-size:1.25em;
}
h5 {
   font-size:1.15em;
}
h1,
h2,
h3,
h4,
h5 {
   margin:0;
}
/* Basic form styles
-----------------------------------------------------------------*/
fieldset {
   border:none;
   padding:5px 0;
}
fieldset a {
   font-weight:bold;
}
input,
select,
button {
   font-size:1.0em;
   font-weight:normal;
}
input.inputbox,
input.required,
select {
   padding:5px;
   width:90%;
   margin-bottom: 5px;
}
input#modlgn_remember {
   border: none;
   width: inherit;
}
/* Basic HR-line style
-----------------------------------------------------------------*/
hr {
   border-right:0;
   border-left:0;
   border-bottom:0;
   height:1px;
}
/* Basic positioning classes
-----------------------------------------------------------------*/


/* Header section
-----------------------------------------------------------------*/
#gk_header {
   height: 170px;
}
.menu_m {
   margin: 0 35px;
}
.menu_l {
   margin-left: -44px;
}
.menu_r {
   margin-right: -44px;
   padding: 0 59px;
}
/* Logo */
#logo {
   float: left;
   display: block;
   width: 600px;
   height: 125px;
}
#logo img {
   margin-top: 12px;
}
/* Menu - suckerfish */
div#horiz-menu {
        float: left;
}
div#horiz-menu li.level1 {
   border: none;
}
div#horiz-menu li:first-child.level1 {
   background: none;
}
div#horiz-menu .menu li.level1 a,
div#horiz-menu .menu li.level1 span.separator,
.gk_js_tab {
   height:28px;
   line-height:28px;
   display:block;
   padding:0 3px 0 0;
   margin: 13px 0;
}
div#horiz-menu .menu li.level1 a span,
div#horiz-menu .menu li.level1 span.separator span,
.gk_js_tab span {
   height:28px;
   line-height:28px;
   padding:0 10px 0 15px;
   display:block;
}
div#horiz-menu .menu li.level1 li a,
div#horiz-menu .menu li.level1 li span.separator,
div#horiz-menu .menu li.level1 li a span,
div#horiz-menu .menu li.level1 li span.separator span,
div#horiz-menu .menu li.level1:hover li a,
div#horiz-menu .menu li.level1:hover li span.separator,
div#horiz-menu .menu li.level1:hover li a span,
div#horiz-menu .menu li.level1:hover li span.separator span {
   margin:0;
   background:transparent!important;
}
div#horiz-menu .menu li li:first-child {
   padding-top:3px;
}
div#horiz-menu .menu li li:first-child {
   border-top: none!important;
}
div#horiz-menu ul.menu li a.topli {
   background: none;
}
/* Banner position ( for no space change the margin-bottom: 32px; for margin-top: -32px; )*/
#gk_banner {
   margin-bottom:32px;
}
#gk_banner div.banneritem {
   border: none;
   padding: 0;
   text-align: center;
}
/* Mainbody section
-----------------------------------------------------------------*/
.corners {
   position: relative;
   height: 4px;
   margin: 0 4px;
}
.corner_tl,
.corner_tr,
.corner_bl,
.corner_br {
   position: absolute;
   height: 4px;
   width: 4px;
   top: 0;
   left: -4px;
}
.corner_tr {
   right: -4px;
   left: inherit;
}
.corner_bl {
   bottom: 0;
   top: inherit;
}
.corner_br {
   right: -4px;
   left: inherit;
   bottom: 0;
   top: inherit;
}
/* Top_addons section
-----------------------------------------------------------------*/
.top_addons {
   position: relative;
   top: -4px;
   margin: 0 3px;
   font-size:0.9em;
}
.top_addons_tl {
   margin-left: -3px;
}
.top_addons_tr {
   margin-right: -3px;
   padding: 0 24px;
   height: 41px;
}
/* Breadcrumbs */
#breadcrumb {
   float:left;
   margin-top: 13px;
}
#breadcrumb a {
   margin-right:12px;
   padding: 0 24px 0 12px;
}
#breadcrumb a:hover {
   text-decoration:underline;
}
#breadcrumb:first-child a {
   padding-left: 0!important;
}
#breadcrumb .youah {
   margin-right: 12px;
   font-weight: bold;
}
#breadcrumb img {
   margin: 0 12px;
}
/* Search */
#search {
   float:right;
}
input#mod_search_searchword {
   border: none;
   margin-top: 8px;
   width: 151px;
   height: 19px;
   padding: 6px 35px 0 10px;
}
/* Joomla login module */
p.mod_login_button {
   padding: 10px 0pt 5px;
   text-align: center;
   margin: 0;
}
div.moduletable_content ul.js_forgot li {
   border: none!important;
   line-height: 170%!important;
}
/* Bottoms sections
-----------------------------------------------------------------*/
/* gk_bottom2 and module _ver1, _ver2 + css3 */

div.moduletable_ver1 h3,
div.moduletable_ver2 h3 {
   font-weight: normal;
}
#gk_bottom2 div.moduletable h3 span,
#gk_bottom2 div.moduletable h3 {
   font-weight: normal;
}
#gk_bottom2 div.moduletable h3 span {
   padding: 0;
   margin: 0;
}
#gk_bottom2 ul li,
div.moduletable_ver2 ul li {
   line-height: 210%!important;
}
/* Bottoms sections module restricted */
#gk_bottom div.moduletable,
#gk_bottom div.moduletable_ver1,
#gk_bottom div.moduletable_ver2,
#gk_bottom div.moduletable_ver3 {
   margin:20px 0 24px 24px;
}
#gk_bottom .last-child div.moduletable,
#gk_bottom .last-child div.moduletable_ver1,
#gk_bottom .last-child div.moduletable_ver2,
#gk_bottom .last-child div.moduletable_ver3 {
   margin-right: 24px!important;
}
/* Footer section
-----------------------------------------------------------------*/
#gk_footer {
   margin: 0 3px;
   font-size:0.9em;
}
.gk_footer_l {
   margin-left: -3px;
}
.gk_footer_r {
   margin-right: -3px;
   padding: 0 24px;
   height: 41px;
}
#gk_footer,
#gk_footer a {
   line-height: inherit;
}
#footer_menu li {
   line-height:41px;
   height:41px;
   float:left;
   width:auto;
   padding: 0 12px 0 0;
}
#informations {
   float:right;
   width:auto;
   line-height:41px;
   height:41px;
}
/* Modules aspect
-----------------------------------------------------------------*/
#content_top .gk_round_ml .us_width:first-child,
#content_bottom .gk_round_ml .us_width:first-child,
#current_top .us_width:first-child,
#current_bottom .us_width:first-child {
   background: none;
}
#content_top .gk_round_ml .us_width .moduletable,
#content_bottom .gk_round_ml .us_width .moduletable,
#current_top .us_width .moduletable,
#current_bottom .us_width .moduletable {
   margin: 0 16px;
}
#content_top .gk_round_ml .us_width:first-child .moduletable,
#content_bottom .gk_round_ml .us_width:first-child .moduletable,
#current_top .us_width:first-child .moduletable,
#current_bottom .us_width:first-child .moduletable {
   margin: 0 16px 0 0;
}
#content_top .users_wrap,
#content_bottom .users_wrap,
#current_top {
   margin-bottom: 12px;
}
#current_bottom {
   margin-top: 12px;
}
.last-child .moduletable {
   margin-right: 0!important;
}
div.moduletable_content ul li {
   line-height: 210%;
}
/* floating panel
-------------------------------------------------------------------------------*/
div#floating_panel {
   width:26px;
   overflow:hidden;
   position:absolute;
   z-index:100;
   top:40px;
   right:-26px;
   padding-top: 5px;
}
div#floating_panel_wrap {
   padding: 1px 0 6px;
}
a.social_icon {
   text-indent:-10000px;
   display: block;
   height: 16px;
   width: 16px;
   margin: 6px auto;
}
a#social_icon1 {
   background-position: 50% 0;
}
a#social_icon2 {
   background-position: 50% -16px;
}
a#social_icon3 {
   background-position: 50% -32px;
}
a#social_icon4 {
   background-position: 50% -48px;
}
a#social_icon5 {
   background-position: 50% -64px;
}
a#social_icon6 {
   background-position: 50% -80px;
}
a#social_icon7 {
   background-position: 50% -96px;
}
a#social_icon8 {
   background-position: 50% -112px;
}
a#social_icon9 {
   background-position: 50% -128px;
}
#stylearea {
   margin-bottom:12px;
}
a.style_switcher {
   text-indent:-10000px;
   display: block;
   height: 14px;
   width: 16px;
   margin: 0 auto;
   background: transparent url('../images/switcher_icons.png') no-repeat 50% 0;
}
a#style_switcher2 {
   background-position: 50% -14px;
}
a#style_switcher3 {
   background-position: 50% -28px;
}
/* popup
-------------------------------------------------------------------------------*/
.gk_popup {
   display:none;
   position:fixed;
   z-index:10000000;
}
.gk_popup_wrap {
   width:100%;
   overflow:hidden;
   position:relative;
}
.gk_popup_close {
   width:30px;
   height:30px;
   position:absolute;
   top:0;
   right:0;
   cursor:pointer;
}
.gkp_tl,
.gkp_tr,
.gkp_bl,
.gkp_br {
   width:20px;
   height:20px;
   float:left;
}
.gkp_t,
.gkp_b {
   height:20px;
   float:left;
}
.gkp_ml {
   clear:both;
   padding-left:20px;
   float:left;
}
.gkp_m {
   overflow:hidden;
   float:left;
}
.gkp_mr {
   clear:both;
   padding-right:20px;
   float:right;
}
.gkp_bl {
   clear:both;
}
.popup_padding {
   padding: 10px 20px;
}
.gk_popup_close,
.gkp_tl,
.gkp_t,
.gkp_tr,
.gkp_ml,
.gkp_mr,
.gkp_bl,
.gkp_b,
.gkp_br {
   background:transparent url('../../../components/com_community/assets/window/bg-sprited.png') no-repeat -60px -38px;
}
.gkp_tl {
   background-position: 0 0;
}
.gkp_t {
   background-position: -20px top;
}
.gkp_tr {
   background-position: right 0;
}
.gkp_ml {
   background-position: left -40px;
}
.gkp_m {
   background:#fff;
}
.gkp_mr {
   background-position: 430px -40px;
}
.gkp_bl {
   background-position: left -16px;
}
.gkp_b {
   background-position: -16px -16px;
}
.gkp_br {
   background-position: right -16px;
}

Hi

Please try adding this code on ie7_css.css:

Code: Select all

.menu {
width: 100%;}

#horiz-menu {
position: relative!important;
width: 100%;}


Cheers

Works !

Thank you very much !