Please help! Looks OK in Firefox, Not OK in I.E. ?!

[myemmadoodle]

I'm soooo desperate here! I've had my online store for about 3 years now and getting it customized and up and running took a serious act of god... I look back now and don't even know it even happened, it was all a blur as I was having a friend help me, she basically said "put this here and that there, move this here, add this coding..." You get the drift! Anyway, the store looks pretty decent to ME in Firefox (which is what I use personally 100% of the time)... but looks terrible in I.E. I even have a note on the store telling people to please use Chrome or Firefox... but I SHOULDN'T have to even do that. People should be able to browse and purchase using whatever browser they want... I have googled until I'm blue in the face, and now I've finally broken down and am making a desperate plea for any help I can get! If anyone has any idea, please do a step by step explanation of what file I need to open, how I need to edit it, what lines need removed or edited, etc etc. I've noticed a lot on this forum "experts" (bless their hearts!) tend to just ramble off a bunch of stuff that leaves me even more clueless than I started off! I am definitely someone that needs a more in depth explanation of what I need to do to fix this. So if anyone has any ideas, suggestions, help?! I would be so grateful!!

website: http://www.pimpmytagswithscraps.com/store

Thank you again!

[dbltoe]

The problems start in your second line of code (the HTML declaration) and go downhill from there.
Looks as if the desire for facebook has clouded someone's thinking.

Validation of your site shows 88 errors and 38 warnings

[myemmadoodle]

The problems start in your second line of code (the HTML declaration) and go downhill from there.
Looks as if the desire for facebook has clouded someone's thinking.

Validation of your site shows 88 errors and 38 warnings

See, that's the exact thing that I mentioned in my first post about this! *sigh*

The "experts" replies to us laymen are vague if not completely confusing and kinda uppity to us that don't jive with the whole "errors" "warnings" "validate" speak. Even if I validated, I don't think I would know how to fix many of the issues wrong. And the store functions. period. Granted the coding isn't "PERFECT" (obviously or I wouldn't be here) but people visit, people browse, people purchase, people get what they want. I just am concerned with the appearance in I.E.

And for the record, my store was doing the nasty screwy looking thing in I.E. from day 1... and I only recently added the Facebook scenario to it, so it has nothing to do with my desire to get my store products to post on Facebook, which in turn, boosts my sales. Unless you have an actual answer, please refrain from telling me how stupid I am, thanks.

[discoverytdi]

If you clear most of the errors you will find that will set you on your way to solving your problems, also remember people on this forum give there help and advice FREE and dbltoe in particular has been a great help to me so please a little respect for the great team we have on here without whom I and many others would be lost.

[RescoCCC]

I can see one thing that may be causing a problem. You have your header image designated in the page code, rather than the stylesheet. This appears in the coding for the page:

<img src="http://www.pimpmytagswithscraps.com/store/images/2012_pmtws_header_NEW.jpg" width="950" height="358" border="0">

And in your #logoWrapper, you have nothing:

#logoWrapper{
background-image: url();
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

[myemmadoodle]

I can see one thing that may be causing a problem. You have your header image designated in the page code, rather than the stylesheet. This appears in the coding for the page:

<img src="http://www.pimpmytagswithscraps.com/store/images/2012_pmtws_header_NEW.jpg" width="950" height="358" border="0">

And in your #logoWrapper, you have nothing:

#logoWrapper{
background-image: url();
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

Now THIS is helpful!!! thank you very much. I will take a look at the logo wrapper coding. Should I put the image url where it says: background-image: url(PUT MY IMAGE URL HERE);

... and just remove the other image information where you said it shouldn't be in the page code rather than the style sheet? I had a mapped header before, and it was located where the current "new header" image information was, so I thought I could just replace it with a non mapped header (took out all the mapping coding) and it would have fixed it in I.E, but no go. See, I'm a total newb! Sorry! Thanks for breaking it down to me in layman's terms heheh! I appreciate it!

[stevesh]

Try removing the height: 75px; statement from #logoWrapper in the stylesheet.

[myemmadoodle]

If you clear most of the errors you will find that will set you on your way to solving your problems, also remember people on this forum give there help and advice FREE and dbltoe in particular has been a great help to me so please a little respect for the great team we have on here without whom I and many others would be lost.

First... it's THEIR not THERE... (yeah I just went THERE) and second, pointing me to the validation website does NOT tell me HOW to fix the issues, it only tells me WHAT the issues are. Fine and dandy to know WHAT they are... I need to figure out HOW to fix them. I have complete and total respect for those that offer HELP on this forum, or at even sympathy, not those that tell me Facebook implementation for an online store shouldn't be a top priority and that basically my coding is screwed up with more errors than not. So yeah, hackles are officially raised. Again, the more HELP posts on this thread, the better. Thanks for your two cents though.

[RescoCCC]

Yes, put it in as the background in logoWrapper in your stylesheet.css and remove it from the coding for the page. Upload the image to includes/templates/your_template/images and code it thus:

#logoWrapper{
background-image: url(../images/your_image.jpg);
background-repeat: repeat-x;
background-color: #ffffff;
height:75px;
}

[myemmadoodle]

Try removing the height: 75px; statement from #logoWrapper in the stylesheet.

I was totally wondering about this. Wondered if I put my image coding where it says URL( ) in the logo wrapper area, and then wondered what that would do to the height errr... statement. I dunno what a statement is, but it sounds right, LOL. Thanks so much for your help, going to get to poking around!