IE breaks the site

Locked

Views: 1,849

Results 1 to 14 of 14
This thread is locked. New replies are disabled.
18 Feb 2009, 9:24 PM
#1
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

IE breaks the site

Hello Fellow Zenners.
Can someone please tell me why this is happening. My site looks ok in FF, but not in internet exlorer. I checked in version 7 and its fine, But version 6 messes up the header search field. It moves it about the navMainWrapper div(over the create account|login). Not sure if you understand what i mean,,,but here is the site https://www.fashionfavourites.com. Anyone know why this is and how to solve this problem.

18 Feb 2009, 11:54 PM
#3
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: IE breaks the site

dbltoe:

start here

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.fashionfavourites.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Thank you so much for that link dbltoe...ouch so many error... With my experience in websit building I should have them all correctd sometime this summer.:blink:

Could you suggest somewhere(link) where I can learn more about these errors if you have that is.

appreciate your support.,

18 Feb 2009, 11:58 PM
#4
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,857
Plugin Contributions:
18

Re: IE breaks the site

Most of them are minor but look like someone has gone around the normal Zen Cart template to create your nav bars.

The validator is pretty good about explaining how to fix the items. Use the web developers tool kit in the Tools Menu of Admin to find the files in question.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

19 Feb 2009, 12:08 AM
#5
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: IE breaks the site

[QUOTE=dbltoe;687756]Most of them are minor but look like someone has gone around the normal Zen Cart template to create your nav bars.

Ooops I am guilty of that. I am totally new to Zen cart. in fact new to website creation, but after reading many many many sites in google about design I thought I could tackle it - Only way you learn is by doing right.... I use ff and I had no idea once I view it with a different browser things will be totally different...you live to learn.

by the way when you say nav bars what is that in reference to..excuse me if this is painfully abvious to you I am a little embarrased asking this mayself.:unsure:

ps. All these errors are coming from the css I suppose and not the tpl_header.php right. :lookaroun

Once again HUGE thank you.

19 Feb 2009, 12:16 AM
#6
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,857
Plugin Contributions:
18

Re: IE breaks the site

Afraid we have to slap your wrist and say that css did not create these errors:P

You might want to take an original tpl_header and drop it into the comstock directory to see if a lot of things don't correct themselves.

Might want to consider copying the image shack sale jpg to your harddrive and reducing its size.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

19 Feb 2009, 12:52 AM
#7
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: IE breaks the site

dbltoe:

Afraid we have to slap your wrist and say that css did not create these errors:P

You might want to take an original tpl_header and drop it into the comstock directory to see if a lot of things don't correct themselves.

Might want to consider copying the image shack sale jpg to your harddrive and reducing its size.

hehe... I got the your hint ... thank you for being overly obvious. I will try throwing the original tpl_header.php file on there even though the site might fall apart never the less i'll take your expert advise

ps. I think you will like the new SIZE of the image.

This is the ssl code its what I got from my ssl provider. I figured the only way I can move it around the page was to put in a div...So I called that div (ssl). Now In my css I assign values to that div...is this proper way of doing this or is there an expert recommendation...Here is my ssl code:

================

<!-- bof ssl site seal --> <div id="ssl"> <span id="___sitess__alt_img_wrapper_middle_image"> <a href="http://www.alphassl.com/" target="_blank" title="SSL Certificate" > <img alt="SSL Certificate" border=0 id="___sitess__alt_img" src="//seal.alphassl.com/SiteSeal/images/alpha_seal_noscript_en.gif" ></a></span> <script type="text/javascript" src="//seal.alphassl.com/SiteSeal/alphassl_siteSeal_m.js" defer></script> </div> <!-- eof ssl site seal --> ================

That error in the validation is refering to the zero, but I am afraid if i delete it may render the ssl certificate useless
<img alt="SSL Certificate" border=0 id="___sitess__alt_img"

19 Feb 2009, 3:35 AM
#8
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: IE breaks the site

That error in the validation is refering to the zero, but I am afraid if i delete it may render the ssl certificate useless
<img alt="SSL Certificate" border=0 id="___sitess__alt_img"

No need to delete it, just put quote marks around the zero. That's what it's really complaining about. (You'd think someone creating code to be used on thousands of sites would try just a little harder to make the code compliant with basic standards, but no, my SSL cert code is also a little off. Or it was until I fixed it.)

Rob

Breakfast: the most important donut of the day.

19 Feb 2009, 3:51 AM
#9
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: IE breaks the site

Thank you so much rob. I know what you mean...I bet that most of the errors are from the ssl code..and by elminating them they will probable elminiate few other errors as a result.

and this <span id="___sitess__alt_img_wrapper_middle_image"> at first I was very skeptical of that naming convention. So many error I got with this untill I put the whole code in a div that I called "ssl" just to get around that problem. Don't know if that the right way but sure helps.

19 Feb 2009, 12:34 PM
#10
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: IE breaks the site

I was wondering why your seal was in its own div. You might be dismayed to learn this div is hanging off the top-right corner of your page -- at least in Firefox, Safari and Opera, all in Mac OS X. Which means three of the top four rendering engines show it this way. I haven't checked in IE.

Rob

Breakfast: the most important donut of the day.

19 Feb 2009, 1:17 PM
#11
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: IE breaks the site

rstevenson:

I was wondering why your seal was in its own div. You might be dismayed to learn this div is hanging off the top-right corner of your page -- at least in Firefox, Safari and Opera, all in Mac OS X. Which means three of the top four rendering engines show it this way. I haven't checked in IE.

Rob

Rob Thank you for that information the reason I put it in it's own div is so that I can control it's location for the css file. Not too sure what you mean. I am using ff 5.0 and the site seal is inline with the main window just to the right of the free shipping logo.

My understanding of your message is it's far to the top/right corner...is that what you are saying:(

What would you suggest I do to this...Take it out of the div...perhaps change the values of the div is the css file.. your expert opinion is HUGLY appreciates.

19 Feb 2009, 2:29 PM
#12
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,857
Plugin Contributions:
18

Re: IE breaks the site

What Rob is saying is that your logo3 div has a 740px left margin before even placing the free shipping logo that is 160px in width.
Then you added the ssl div with 950px left margin but you wrapped the originals with it.
Not real familiar with Clyde's Comstock, but I believe it is the standard three-div top layout which requires that the div in a wrapper be in 1,3,2 order so that they render in 1,2,3 order.
You've tried to do a lot of things with margins that could be better done with floats.
If it were me, I'd be pulling the current css and Comstock's original to my desktop and winmerge to find differences. I'd load the orignal comstock css and slowly reinsert changes to see what breaks first.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

20 Feb 2009, 1:58 AM
#13
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: IE breaks the site

Yes, it's also just to the right of the Free Shipping logo on my screen too. Except that my browser window is only about 1000 pixels wide, so the SSL cert is pushed off of the right side of the screen and I get a horizontal scroll bar.

The rest of the site content auto-adjusts to the width of the browser window, but because of where you've put the SSL cert in the code, it doesn't (or it can't) slide over to fit within a window the size of mine.

Always check your site while you're developing in alternate browsers, screen resolutions, window sizes and so on.

"ff 5.0"?

Rob

Breakfast: the most important donut of the day.

20 Feb 2009, 4:43 AM
#14
hardwiredtemplates avatar

hardwiredtemplates

Zen Follower

Join Date:
Sep 2008
Posts:
211
Plugin Contributions:
0

Re: IE breaks the site

dbltoe great information and in plain english I was able to follow exactly what you are saying, Keyword follow . To fix however not sure where to start:blink:..I am now back on goolge learning about css. Good information here anyone sturggling with css http://www.devinrolsen.com/tutorials/css/three_column_layout/index.php hope its ok with the forum to post information from outside of the zen forums.

Rob Thanks for taking your time to view the site in your browser and giving me the feedback:thumbsup: I recently discovered browsershot in another thread and hope to utilize it, they only allow you a certain limit/day and the jpg image you get isn't that great but a good place to start. I will follow the instruction you guys have given me and report back with the results. How I wanted to have this done is :

div<headerwrapper>
div<logowrapper?
div<logo> /* fashion favourites logo
div<logo3> /*which by the way is the freeshipping
div<ssl>
div
div
In theory that is what I am after, in practice dont know how to do it or even if its possible..If it is possible I can learn how to do it. Hope the above is clear if not I can make a little paint diagram. Basically inside logoWrapper I want logo,logo3, and ssl inside it. I dont know if I can completely get rid off the logo div and just put everything inside the headerwrapper, Would that be something you expers might advise.

Thank you sooo much guys you've been of great help.