separate logo and menu IE 7 miss aligned to the right

Professional Jomal template designed to be easily adaptable to all kinds of business
GK User
Sat Apr 09, 2011 8:37 am
Hello to all

This is about the miss alignment ( of the logo to the right ) that is produced in IE7 when we separate logo and menu and the descriptions bellow are probably valid only for Corporate 2 for Joomla 1.6

zbeatty suggested his way to separate logo and menu in corporate2 (so logo can be above the menu) as follows:

In template.css he changed line 61 to be the following:

#gkLogo { height: 40px; margin: 0; line-height: 100%; position: absolute; top: 3px;}


Then, in layout.css he modified line 14:

#gkMenuNav {float: left; margin:25px 0 10px 0; width: 100%}


To make it full width he went to line 52 of my template.css file and changed the following:

#gkMenu { float: left; width: 100%; height: 40px; background-color: #6C6459 }



And this worked very well. The only problem is in IE7 the logo will be totally shifted
to the right.


My solution was to solve this was to add to #gkLogo ( tempalate.css) the code

left: 10px; ( or what anyone need it to be from left )

so it became:

#gkLogo { height: 103px; margin: 0; line-height: 100%; position: absolute; top: 35px; [b]left: 10px;}[/b]


This totally solved this issue on IE7.


Miguel Garcia
User avatar
Junior Boarder

teitbite
Sat Apr 09, 2011 9:57 pm
Hi

Thank's for putting it together :) Creating ne thread was not neccessary, but I still appreciate it :)
User avatar
Moderator

GK User
Tue Apr 12, 2011 1:06 pm
hi i could not find any of the above code in my template.css or layout.css am i searching somewhere

no #gkLogo no #gkNavMenu
User avatar
Junior Boarder

GK User
Tue Apr 12, 2011 5:19 pm
Hi citymedialtd

Please note I'm using the Corporate 2 quick installation package.

I think this package does not differ from the "normal" one but,
anyway, it is better to wait for a support team answer about your
question on how to find #gkLogo no #gkNavMenu .

I had no difficulties in finding them in my Corporate 2 quick
installation package templçate.css and layout.css.

You could try to find only by gkLogo and gkNavMenu instead
of punting # before them when searching.

Which editor are you using?
nPad is a simple good one in my opinion and you can search
with simplicity after opening there template.css and layout.css



Miguel Garcia
User avatar
Junior Boarder

teitbite
Wed Apr 13, 2011 4:36 am
Hi

I believe it's because this names was used in corporate 2 for joomla's 1.6 version.
User avatar
Moderator

GK User
Wed Apr 13, 2011 7:49 am
Ohhh... Sorry

Off course...

I forgot to say I'm not only using Corporate2 Quick Install Package but also
my package is for J1.6

Sorry if I induced anyone into a wrong idea with my post.

I'll edit it to reflect that its contents are valid probably only for Corporate2
quick install package for J1.6

Miguel Garcia
User avatar
Junior Boarder


cron