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

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! :dontgetit:blink::laugh: 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! :blush: 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! :smile::hug:

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.:no:

Validation of your site shows 88 errors and 38 warnings:shocking:

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.:no:

Validation of your site shows 88 errors and 38 warnings:shocking:

See, that's the exact thing that I mentioned in my first post about this! :dontgetit:(:ohmy: 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. :yes:

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.

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:

And in your #logoWrapper, you have nothing:

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

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;
}

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! :no: Sorry! Thanks for breaking it down to me in layman's terms heheh! I appreciate it! :hug:

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

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.

First... it's THEIR not THERE... :shocking: (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. :censored: Again, the more HELP posts on this thread, the better. Thanks for your two cents though. :mellow:

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;
}

stevesh:

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!

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;
}

:clap::hug:Thank you! trying that now! :wub:

and that basically my coding is screwed up with more errors than not.

The fact is that your coding is screwed up, and you should spend some time studying the validation errors. Each one shows specifically on which line the error appears, so you can have the validation page open in one window while viewing your site source in another. It is an excellent way to learn.

RescoCCC:

The fact is that your coding is screwed up, and you should spend some time studying the validation errors. Each one shows specifically on which line the error appears, so you can have the validation page open in one window while viewing your site source in another. It is an excellent way to learn.

I have opened the validation site, and I've looked. It tells me WHAT is wrong with the coding, but NOT HOW TO FIX IT... did I not explain that before? I'm not a guru... I know enough to barely get by. :blush: If I had more time in a day, I would love to sit down and poke around, but I'm a busy chick! :laugh:

Now looking MUCH better in IE8. Still some stuff a bit screwy, but a huge step in the right direction.

stevesh:

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

THIS COMPLETELY WORKED!!!! OMG I could squish you to a million pieces, I'm over the moon!!!!! YAYAY!!!!! :hug::wub::jump: You totally rock my socks stevesh!!!! yippy!!!!!!!

I'm a busy chick

As is everyone else. You need to do some studying, no one is going to walk you through every problem.

You still need to correctly code your header image.

Kim:

As is everyone else. You need to do some studying, no one is going to walk you through every problem.

Once again, not so helpful, but completely understandable. I thank everyone who participated in at least getting it to APPEAR half way decent in I.E. I will check out the validation site yet again and try and figure out some of the other issues...

I'm still wondering about the logowrapper section... should I still put the image url into the logo wrapper rather than where I currently have it? :blush:

Now you can help me with something - what exactly does the word 'pimp' mean in the context of digital scrapbooking ?

stevesh:

Now you can help me with something - what exactly does the word 'pimp' mean in the context of digital scrapbooking ?

LMBO! :D Here is what I have as the header in admin for when my designers log in... (I customized my admin! You'd be proud!)

Pimp
'pimp
–noun

1. a person, who solicits customers for a digital scrapbooking store for taggers, usually in return for a share of the earnings.
2. to advertise or promote.
3. to make an accessory look good.

–verb (used with object)
4. to act as a pimp for.
5. to exploit.

It basically means that we want people to pimp (make look good, promote etc) our scraps when they tag. A tag is a signature type deal, for in forums, websites, e-mails, etc! Again, I know the coding is still mega screwy, but the store functions and since I 1) don't have the time 2) nor really the patience (unless being hand held) ~ I guess it's okay. I tried screwing around with the logowrapper business and tested in I.E. and my header went all wonky again, so I added the coding back to where "it's not supposed to be" and re-saved and it looks pretty much like it does in Firefox, which was my whole goal... :blush: but THANK YOU, seriously, all I had to do was take out that height:75px thing and it made it look tons better. I know, I know, it didn't FIX anything, but I'm a girl and I like to see pretty things, so at least it LOOKS good! LOL! I'm sure a total geek would fall over and die when viewing my horrible errors and whatnot, but it looks good, so that's a total YAY for me! :huh: