IE7 bug

Hey there.

Please this Bathurst Hotel site.

Working fine in IE7 until the left content box becomes longer than the sidebar (right now, the Contact page is like this and breaking).

Then, the left content box centres and the sidebar is lost.

Does anyone know why this is happening?

Really appreciate some help...

 

Would really appreciate some help with this.

I've brought the image up on the Contact page, so I'm not sure it'll break when you see it.

However, if someone can look at the code and suggest a possible fix: I can change it back and we'll see if it works.

Happy to pay ... $20USD for a quick fix.

 

Strange issue - and not sure why footer div chooses to show up twice in IE 7, however here is a workaround - if you would like to try out.. reduce footer width to 400px and your horizontal scroll bar should disappear (if I have understood your problem accurately)

In case it is something else - posting with screenshot to accurately define the problem would certainly be of more help to us and you

Cheers,

 

Thanks for your help.

I'm not sure that it is that, because the Footer stays intact.

Here's a screenshot. Note: it doesn't always seem to be like this: just sometimes.

As far as I can tell, it's only on this page because of either the image or because it runs longer than the sidebar (I'm basing this on another test page with a long post and image doing the same).

 

Thanks for the screenshot - now i know what you mean. However I refreshed pages on your site with IE7 about 20-30 times and didn't get this issue - so don't have a clue with this one. Only problem I noticed on my machine was a horizontal scroll bar - that would show up all the time on IE 7 but not on FF / Opera.

Perhaps reducing container and image size would prevent overflow (and runoff as shown by the picture)

Sorry - if I can't replicate, I can't fix it

 

Anyone else have ideas? Thanks for your time pubdomainshost.com

 

the culprit is in the blockquote eg below its making ie7 behave rather weird

		<blockquote id="quote">
			<h1>Welcome to the Knickerbocker Hotel Bathurst, everyone's favourite local pub!</h1>
			<span class="arrow" />[COLOR="Red"]<-- here[/COLOR]
		</blockquote>

Code (markup):

replace <span class="arrow" /> with <span class="arrow"></span>


and open header.php find

	<script type="text/javascript">
		$('blockquote#quote').append('<span class="arrow" />');		
	</script>

Code (markup):

replace with

	<script type="text/javascript">
		$('blockquote#quote').append('<span class="arrow"></span>');		
	</script>

Code (markup):

 

This didn't fix it, though I did close that <span> and it now seems to work. Still waiting to test on a local machine though (have been using IE on Parallels + Mac, plus http://ipinfo.info/netrenderer/)

 

Oops - I didn't realise that you had including closing the span as part of your fix! Thankyou so much.

 

Still has a laundry list of issues - using the same ID more than once (#footer), outdated script tags, unclosed div's, overclosed div's, more div's than the layout needs, more than one H1... but being this is a turdpress theme this is hardly suprising.