deathgod Posted November 24, 2006 Posted November 24, 2006 Checkout my new design at www.zashop.co.za, its a gem store and i think that its the best design i have done (so far). My only gripe is that it will display incorrectly in 90% of peoples browser, i.e. it breaks in Internet Explorer. The problem lies in the <div> tags I used to exactly position logos and text and the search box in the header. They are in the right position in firefox but off the mark completely in IE7. Can people please suggest a way to fix this, what do I have to change to get it right. If you want to try and play around with it, go to http://www.zashop.co.za/zashop.co.za.zip If you take a fancy to the design, you are welcome to use it yourselves. Anyway, I hope someone helps me because I am a bit lost at the moment. Thanks Nick Menou and unome
spax Posted November 24, 2006 Posted November 24, 2006 I just had a look in IE6 and the problem is how the browsers interpret the positioning. I thought these problems were in the past with IE7. However, not sure if it works with IE7 but you can try a conditional comment. Save the relevant part of your stylesheet in a new stylesheet, change the position of LI (you have them at -13px right now so try -5px) and name it stillhacking.css or whatever you want. In the <head> of your root files (try it with index.php first), underneath: <link rel="stylesheet" type="text/css" href="stylesheet.css"> add: <!--[if gte IE 5]> <link rel="stylesheet" type="text/css" href="stillhacking.css"> <![endif]--> If it works with IE7, you should have the links positioned in both browsers.
deathgod Posted November 24, 2006 Author Posted November 24, 2006 Ok thanks, I cant get IE7 to run on my antique system, but I asked a friend who has IE7 to send a screenshot and it doesn't look good. BUT, maybe she was mistaking about which IEversion she was using. Can someone with IE7 please visit my site and tell me if it is positioned correctly or not with that browser? BTW I tried both firefox 1.0 and 2.0 and they work the same. It would be a little funny(ironic) if the oldest firefox does things better than the newest IE :P Just my thoughts. Nick Menou and unome
deathgod Posted November 24, 2006 Author Posted November 24, 2006 Oh one more thing to add before I sign out. I have checked the page on my localhost with IE5.0 and it is having a similar positioning problem, but actually looks a little better because not everything is positioned wrong. Anyway, I think I'll try to set different classes for each browser instead of coming up with something that works in both, i.e. <div id="<?php if ($browseragent=firefox) echo 'headerdivff'; elseif ($browseragent=IE) echo 'headerdivIE'; ?>">My Positioned Text</div> That should fix everything right? Oh, and can someone please give me to a link explaining how I will have to change my CSS so it works in IE, since I cant just do things using trial and error without IE6/7, this would be the next best thing. Thanks Nick Menou and unome
deathgod Posted November 24, 2006 Author Posted November 24, 2006 Bump, please can someone reply, or at least visit my site with an IE7 browser Menou and unome
spax Posted November 25, 2006 Posted November 25, 2006 I just had a look in IE6 and the problem is how the browsers interpret the positioning. I thought these problems were in the past with IE7. However, not sure if it works with IE7 but you can try a conditional comment. Save the relevant part of your stylesheet in a new stylesheet, change the position of LI (you have them at -13px right now so try -5px) and name it stillhacking.css or whatever you want. In the <head> of your root files (try it with index.php first), underneath: <link rel="stylesheet" type="text/css" href="stylesheet.css"> add: <!--[if gte IE 5]> <link rel="stylesheet" type="text/css" href="stillhacking.css"> <![endif]--> If it works with IE7, you should have the links positioned in both browsers. Nick, I gave you a solution. Have you tried it? I did with IE6 and it sorted the problem.
New 
Recommended Posts
Archived
This topic is now archived and is closed to further replies.