IE7 is killing me

RPRESTEL · #1 02-25-2010, 07:51 AM

I am having a ton of problems with my site in IE. I have spent hours upon hours trying to fix these ridiculous bugs and I am about ready to throw my computer through a wall. I was curious if anyone could help us fix some of these bugs. Take a look at our site in Firefox and then and IE and it wont take you long to see how Microsh!t ruins my website.

HELP, PLEASE!

pauldodman · #2 02-25-2010, 08:31 AM

Browser compatibility is always provides fun and games, and often lots of frustration - but IE7 to be fair, is usually an easy one to get right - it's IE6 and IE8 that usually give problems, then your Safaris and Chromes more often than IE7.
What you need to try and do I'd say, is write compliant code, then you've got more chance of it working in the majority of browsers.
Check here, and you'll see what I mean.
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.meatheadmania.com%2Fhom e.php&charset=%28detect+automatically%29&doctype=I nline&group=0

gizmo · #3 02-25-2010, 08:32 AM

Hi
Well out of the box x-cart is fine with all browsers, apart from maybe minor issues.

If you have custom design done by others or yourself, then this is down purely, to bad development, for other browsers. Your main issues as I see are IE6/7 although some people don't bother development for ie6...

It's all down to getting ie6/7 css sorted you will be surprised for example what >

{
zoom: 1;
}

Can do to fix many issues for the dreaded IE. At the end of the day if you done this yourself or a developer, you need to just read up on your issues that you are having.

So really they are not bugs but all related to cross browser compatibility that hasn't been taken into account.

Sorry I cannot be of more help, if it was my site I would start with fixing the issues in what you should have is ie6/7 css style sheets and add fixes there, also a simple clear fix can put right to many issues you are having with ie..

Hope you don't take this the wrong way, but I'm sure many other people would agree it's purely bad development...

RPRESTEL · #4 02-25-2010, 08:35 AM

We are a bunch of hacks, thats the bottome line. We did the development ourselves and are looking to fix our bugs.

I am not sure what your example does. Where would that go to help?

RPRESTEL · #5 02-25-2010, 08:43 AM

How do people go about even debugging in IE? Firefox gives us Firebug, Microsoft's stuff sucks.

hoosierglass · #6 02-25-2010, 08:48 AM

Quote:

Originally Posted by RPRESTEL

How do people go about even debugging in IE? Firefox gives us Firebug, Microsoft's stuff sucks.

There is a developers tool for IE but fire bug works the best. I just keep two browsers open to fix IE quirks.

cflsystems · #7 02-25-2010, 09:23 AM

Agree with Paul. IE7 compare to IE6 even IE8 is almost a pleasure to work with. You have to remember though IE interprets width/height of the elements and their margins/paddings differently then the other compliant browsers. It is a pain sometimes if you do not count on the browser's default settings you will get better results

gizmo · #8 02-25-2010, 09:27 AM

Establish where your faults are, to me at first glance Ie doesn't like your rounded corners, that would appear where it's breaking. (It's most probably minor)

Maybe a good starting point, as others have said persistence pays off eventually you will find the fix.

I remember once I spent 2 days just to correct IE6 issues with a float issue. (Yea I know most wouldn't bother)

Google is also a good tool for helping you out using the right search term.

gizmo · #9 02-25-2010, 09:36 AM

I not it doesn't help but I use this css quite a lot, a simple and validated way to get rounded: (All browsers) Good for a basic rounded surround...No images at all..

b.rtop, b.rbottom{display:block;background: #D4CCAA} /* controls corner colour */
b.rtop b, b.rbottom b{display:block;height: 1px;
overflow: hidden; background: #FFF}/* controls background colour */
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

gb2world · #10 02-25-2010, 11:05 AM

Another good practice is to normalize your css. See this for an example.

This takes away any of the cross browser differences in how css settings are initialized. Its intent is to give you control of all the css. But - it does impose some discipline on you in that you are not depending on any one browser for any default settings - you have to set up just about everything. Ideally - it helps you figure out all the settings that are defaulted on your browser of choice (FF) and helps you impose them on the other browsers.