Olof.Sweden Posted October 31, 2008 Share Posted October 31, 2008 I'm having a problem with my gloss_theme as shown on the picture. That error only occurs in IE7, what in the CSS should I change to make it right? In IE6 its a huge white space between the header/logo and the rest of the site, how do I fix those problems? In FireFox everything looks good.Thanks in advance,Olof, Sweden Link to comment Share on other sites More sharing options...
5ummer5 Posted October 31, 2008 Share Posted October 31, 2008 Hi Olof,I had exactly the same problem! The Pro version shares the same issues as the fee version and i think it is pretty bad to be charging people for something that doesnt work accross all the popular browsers!Anyway rant over!! :red: You will need conditional styles sheets so you can control IE7 and IE6 seperatly. You should reference these in the header.tpl in your themes dir.In the IE7 styles sheet you need to increase the top margin by about 80px ish to fit under your logo. The top margin will need to be specified like this #left_column, #center_column, #right_column { margin-top: 80px; } That will space the columns down to solve the problem in IE7As for IE6, im still working on the issue and hope to have a resolution soon!! I will keep you posted!Hope that helps Link to comment Share on other sites More sharing options...
Olof.Sweden Posted October 31, 2008 Author Share Posted October 31, 2008 First of all: Thank you for your fast and accurate respons. Second, yes, that's not something I would like to pay for.I understand what I should do, but where and how in the header.tpl should I reference it? I would need two different global.css for each browser (IE6 and 7), am I right?Thanks in advance, Olof Link to comment Share on other sites More sharing options...
5ummer5 Posted October 31, 2008 Share Posted October 31, 2008 Thats ok In the header.tpl inbetween the <head> and </head> tags add this code <!--[if IE 6]> <style type="text/css">@import "http://www.yourwebsite.co.uk/shopfolder/themes/gloss_theme/css/ie6.css";</style> <!--[if IE 7]> <style type="text/css">@import "http://www.yourwebsite.co.uk/shopfolder/themes/gloss_theme/css/ie7.css";</style> Now name your 2 styles sheets (i have called them "ie6.css" and "ie7.css". You can change the names but just make sure they are reference properly in the above code). Add these new stylesheets into the css folder in your theme folder and that should do it! Also I have got the fix for IE6 also and that is below. Be sure to add this to the IE6 styles sheet only. You might need to play with the values to get it looking right for your site #left_column, #center_column, #right_column { margin-top: -5px; } #header { margin-top: -120px; } Let me know how u get on! Link to comment Share on other sites More sharing options...
Olof.Sweden Posted October 31, 2008 Author Share Posted October 31, 2008 Thanks again, but I don't get it to work fully. In IE7 the left column has moved down but the center column is still sitting high up into the header. I have tried to change the margin on that but I dont get any result. The white space in IE6 is also still there, I have tried to change the values but nothing happens. Any good advices?Thanks, Olof Link to comment Share on other sites More sharing options...
5ummer5 Posted October 31, 2008 Share Posted October 31, 2008 can i have the link to your website please? then i can have a look and i would be able to tell you what u need to change.thanks Link to comment Share on other sites More sharing options...
Jude Posted October 31, 2008 Share Posted October 31, 2008 Creating a CSS specially for IE6 and IE7 is a very bad idea !!!It's a problem called "margin fusion". To solve that, you have to give a border or a padding to your first block, in this case div#page (I think). Link to comment Share on other sites More sharing options...
Olof.Sweden Posted October 31, 2008 Author Share Posted October 31, 2008 Okey, can you be more specific? Which files and what code, and where? Thanks! Link to comment Share on other sites More sharing options...
Jude Posted October 31, 2008 Share Posted October 31, 2008 All you have to do is changing the file global.css in your theme.I advise you to use Firefug with Firefox for all your modifications in your CSS. Link to comment Share on other sites More sharing options...
5ummer5 Posted October 31, 2008 Share Posted October 31, 2008 Wouldnt adding padding or a border in the global affect all pages. Even the ones that are perfectly positioned already? Link to comment Share on other sites More sharing options...
Jude Posted October 31, 2008 Share Posted October 31, 2008 I think his problem occurs in all pages... Link to comment Share on other sites More sharing options...
5ummer5 Posted October 31, 2008 Share Posted October 31, 2008 nope, perfect in firefox. A little out in IE7 and really out in IE6. I have all the standard "resets" in the global css and then use seperate sheets for IE6 and IE7, I have never had an issue doing it this way. Link to comment Share on other sites More sharing options...
Olof.Sweden Posted October 31, 2008 Author Share Posted October 31, 2008 Okey, but can you walk me through it? Adding padding in global.css, where to add it? and what exact values. This is not really my area. Thanks! Link to comment Share on other sites More sharing options...
Olof.Sweden Posted November 2, 2008 Author Share Posted November 2, 2008 Cant anyone help me to get the gloss_theme right? Must be more who uses it, right? It's not working well in IE6 and 7, i'm just seeking any solution what so ever to solve that. Thanks in advance! Link to comment Share on other sites More sharing options...
5ummer5 Posted November 2, 2008 Share Posted November 2, 2008 Hi Olof,I use it and mine is fine now using the solution i gave to you. I need to have a look at the source code of your website so i can see where you are referencing the styles sheets and if its in the right place. Then it should work fine. Link to comment Share on other sites More sharing options...
Olof.Sweden Posted November 3, 2008 Author Share Posted November 3, 2008 I have tried your solution but I end up getting trouble. I would like to know more about "Jade's" solution, I tried but I cant get it right. Someone must be able to tell me how to fix those diffrences in IE6 and 7? Link to comment Share on other sites More sharing options...
5ummer5 Posted November 3, 2008 Share Posted November 3, 2008 What trouble did it cause? You just have to make sure when referencing the styles sheets you dont add it in the middle of any other code. It has worked fine for me. Link to comment Share on other sites More sharing options...
Olof.Sweden Posted November 3, 2008 Author Share Posted November 3, 2008 I've heard from different sources that having multiple style sheets like this is a bad idea, and many errors occured for me even though I did it the right way. Different browsers read wrong files, in IE6 i got IE7's CSS-file and so on. So; I want to try the other or any other solution. Someone has got to have a solution! I'm ready do pay for it to be fixed. Link to comment Share on other sites More sharing options...
5ummer5 Posted November 3, 2008 Share Posted November 3, 2008 Ok then, fair enough, I will leave you to it. It has worked for me and many of my clients. Also im sure if it wasnt a good idea to use then Ebuyer wouldn't be using the same method! As long as you reference the right styles sheet for the right browser IN the right locations its ok and you will receive no errors.Hope you can find an alternative fix. Link to comment Share on other sites More sharing options...
Olof.Sweden Posted November 4, 2008 Author Share Posted November 4, 2008 Okey, it was nice of you to try and help but it did not solve my problem. I tried different ways to use your code and im certain that I did it and referenced it the right way, as you told me, but it still read from different files. IE6 never read from the ie6.css, it used global.css, even though it was the exact same code in header.tpl as I used to get ie7.css to work. IE7 worked but not IE6. I would still like to pay anyone to fix this problem, in the same global.css-file, to get all browsers to work. Link to comment Share on other sites More sharing options...
5ummer5 Posted November 4, 2008 Share Posted November 4, 2008 Ok fair enough.Hope you can find an alternative fix Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now