Help! web site breaks down in IE 6

fiddler · #1 (**permalink**) 03-26-2008, 02:17 PM

I have a problem with the template I am currently using for Tioga County Fair It seems when viewed in IE6, the template widens considerably and stretches for "miles" across the browser, causing viewers to scroll at great length from left to right to see the rest of the site. Is this a css bug that can be fixed with a hack? Does anyone have any suggestions on how to fix it (short of simply replacing the template)?
Thanks for your time concerning this matter.
Fiddler

ran_dizolph · #2 (**permalink**) 03-26-2008, 04:37 PM

For starters I'd get a proper DOCTYPE declaration atop the page. I would imagine you'd want the 'transitional' type for this particular layout. That should at least get it headed in the right direction.

Beyond that it's a bit of a tough call. You're using some seriously dated and deprecated styles amongst too many nested tables, so trudging through all of the markup may be a bit of a chore.

More reading on DOCTYPES.

Dubbya · #3 (**permalink**) 03-26-2008, 04:50 PM

I took a look at your home page in IE6 and, as you said it would, it spanned clear across the screen on into tomorrow. This only happens in IE6 but IE7, NN, Opera and Safari all look the same as in FireFox.

I copied/pasted your text into a new document, saved the file locally and it seemed to display properly until I hooked up the vert.css file. Viola! it spanned super-wide.

Removing the following line fixed it.

Code:

padding-left: 2%;

I always specify pixel widths for padding and margins in my stylesheets but that's me.

I was a little confused with your javascript conditional statement.

Code:

<!--[if lte IE 6]>
<script type="text/javascript" src="js/nav-v.js"></script>
<![endif]-->

<!--[if gte IE 5.5]> 
<script language="JavaScript" src="js/nav-v.js" type="text/JavaScript"></script> 
<![endif]-->

This should work equally well in any browser, so I don't see any point in detecting a browser if you're only going to serve up the same file anyway.

Code:

<script language="JavaScript" src="js/nav-v.js" type="text/JavaScript"></script>

The head of your document would be easier to edit were you to clean it up and put things in a more logical sequence.

HTML Code:

<HTML>
<HEAD>
<TITLE>Tioga County Fair</TITLE>
<meta name="description" content="Tioga County Fair, Whitneyville, PA, between Mansfield and Wellsboro on Route 6">
<meta name="keywords" content="Agriculture, livestock, judging, contests, home, 4-H, handicrafts, entertainment, carnival, racing pigs, demolition derby, country singer, stage shows, puppets, talent contest, Wellsboro, PA, Tioga County">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<script language="JavaScript" src="js/nav-v.js" type="text/JavaScript"></script>
<link rel="stylesheet" type="text/css" href="http://tiogacountyfair.com/modules/Album/css/stylesheet.css" />
<style type="text/css">
@import url('css/vert-css.css');
</style>
</HEAD>

.02

spiderbait · #4 (**permalink**) 03-26-2008, 06:32 PM

Maybe you've already fixed it as per Dubbya's comments above, but when I visit the page in IE6 it looks fine. No horizontal scrolling at all.

DrTandem1 · #5 (**permalink**) 03-26-2008, 08:17 PM

I don't see the problem on my IE6, also.

ron angel · #6 (**permalink**) 03-26-2008, 09:09 PM

go to SiteReportCard: Web Site Optimization and Promotion Tools put in your url then click on html
it will show faults view corrected html copy & paste replacing code
you have at present (back up old page first!) if OK manually check new code seems to move everything to right & word rap text in html where you don't want to sometimes.

dawilliams · #7 (**permalink**) 03-27-2008, 09:20 AM

See Dubbya's notes - spot on!

Dubbya, My hat is off to you. Your thoughtful free advice was worth every penny

Dave

Dubbya · #8 (**permalink**) 03-27-2008, 03:30 PM

Quote:

Originally Posted by dawilliams

Your thoughtful free advice was worth every penny

Helpful free advice always is...

Unfortunately, there's always someone around who's willing to give the other kind of free advice.

fiddler · #9 (**permalink**) 04-10-2008, 09:35 AM

Thanks, everyone, for all your helpful advice. As soon as I read the first reply from ran_dizolph I entered the DOCTYPE and that seemed to correct the endless horizontal scrolling, so those of you who visited the site and didn't find that a problem, I guess that's because I got to it first.

I'm still tweaking and correcting and have found all your suggestions most helpful. So glad this forum exists. Special thanks to Dubbya - although I didn't "write the code" that you found on the css and js, (it was written by the gurus of the cms I use), I certainly understand your confusion, for I, too, questioned it - but not knowing much about js, I figured it must be there for a reason. I'll insert your coding as suggested. I appreciate the time you - all of you - take to help novices like me learn and improve.

fiddler

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
IE breaks CSS	nickymccatty	Graphics & Design Discussion Forum	2	05-22-2007 05:43 PM
CSS breaks in IE7	nickymccatty	Graphics & Design Discussion Forum	2	03-13-2007 01:43 PM
W3C Breaks Out The Red Pen	Lerza	Web Programming Discussion Forum	0	08-25-2006 10:11 AM
Help ! my site breaks with Safari	funlounge	Graphics & Design Discussion Forum	6	06-27-2006 06:33 PM
CSS Layout Breaks in IE 5 Mac	Mind Control Studio	Graphics & Design Discussion Forum	2	04-22-2005 09:51 PM