[SOLVED] IE and Chrome shows my links differently

[generalexperts]

The login/register link on my site shows to be above the horizontal menu bar when using Chrome. When using IE it's perfectly center on the menu bar. How do I differentiate this code in blockuserinfo.css to make it look correct in each individual browser? Thank you!

Edited August 29, 2014 by generalexperts (see edit history)

[generalexperts]

This is weird, still can't find any solutions. Anyone have any information on how to make the correct distinctions between the two. Any sites or advice would be greatly appreciated! Thanks!!

[generalexperts]

75 views... and nobody knows? I really need help as my users use both chrome and ie.

 

Thank you!

[El Patron]

Hi, sorry you are not getting response.

 

I am horrible at front end stuff (systems is my bag).

 

What I suggest is to use chrome, right click on element-->inspect element  (firebug is pretty good as well)

 

you can then using these cool tools find .css related to that element, modify the element real time, etc.  (again this is something I basically use rarely and pronounce no expertise.

 

I did look and when I unselected padding behavior you can see the results...there are two sets of login/register.

 

http://screencast.com/t/ZjUNu2m2P

 

this is a great tool for shop owner to become familiar with especially if they customize their template.

[generalexperts]

Thanks for the response!! Firebug is what I currently use. For some reason I can't get them to center for each browser. Also the two links are for different pages. I am unable to rename them. I want one to say "Login" and the other to say "Register." But they both show up as Login/Register. I've searched tpl files and translations, no joy.

 

Thanks!

[El Patron]

it's easier to work with (view source) with mimify turned off

 

then we can see <module> start stop and more easily identify where text is coming from...

 

in many cases mimfy is more overhead than it's worth.

[generalexperts]

Okay, I changed #header_user_info a { padding:12px 0 0 64px; to padding: 55px 0 0 50px; 

 

It worked for Chrome in all pages. Then going to IE it didn't work. So I changed it back to the original, now it's all messed up in IE when clicking on different pages. 

[generalexperts]

Current status, the login and register links are above where I want them to be in Chrome. They are good in IE except now when visiting product pages like these it looks like this http://tinyurl.com/n5ut3mq

 

Whatever has happened to my site when using IE looks really bad! I appreciate any help to getting this back to normal. Thank you!

Edited July 27, 2014 by generalexperts (see edit history)

[generalexperts]

Really need help here!  Please help! Chrome and IE are viewing differently when applying CSS. Please look at my site and view in Chrome and IE. You will see that the links on my navigation menu are higher and on the menu in the other browser. Please help! I'd like them on the menu and to match my other links on the left.

 

Thank you!!

 

Site is: http://tinyurl.com/n5pfy52

[generalexperts]

Still looking for help! Anyone able to help?

[generalexperts]

Figured it out... Had to delete everything from the css that wasn't effecting anything directly. Then magically it worked after putting in:

#header_user_info {
	position: absolute;
	font-size:12px;
	margin-left:600px;
	line-height:40px;
}

Edited August 29, 2014 by generalexperts (see edit history)