Help? IE Horizontal Scrollbar

Artin · February 14th, 2009, 5:49 AM

Hey, well I just designed my new layout for my site and placed it up on the site. It looks perfect in firefox, chrome, safari and opera. It looks awesome in IE 7, but there is a horizontal scrollbar at the bottom.

Please take a look Delta Daily - Delta Goodrem Fansite

I tried to look through the code (I know it is messy and not valid), but I couldn't see anything that would make it like this.

Any help would be great

Artin

Tsikura · February 14th, 2009, 6:03 AM

I don't see any scrollbar with IE7 or IE6

Artin · February 14th, 2009, 6:07 AM

Here is a screenshot:

http://i43.tinypic.com/33z8yn8.jpg

Artin

**fury** · February 14th, 2009, 6:17 AM

I also get the scrollbar with IEtab embedded to Firefox 3. I don't see anything to be causing it though...

Tsikura · February 14th, 2009, 6:21 AM

What's the point of this?

Code:

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="http://delta-daily.com/wp-content/themes/Version 7/ie.css" />
<![endif]-->

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="http://delta-daily.com/wp-content/themes/Version 7/ie.css" />
<![endif]-->

Other than that, I can't see much. Tons of errors when validating like you mentioned and there's so much code to see if something is open somewhere.

**MarkRH** · February 14th, 2009, 6:36 AM

Trying changing your outer most table:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="center" width="950" style="border-left: 10px solid rgb(34, 34, 34); border-right: 10px solid rgb(34, 34, 34);">

To:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="center" width="950" style="border-left: 10px solid rgb(34, 34, 34); border-right: 10px solid rgb(34, 34, 34); overflow-x: hidden;">

Artin · February 14th, 2009, 7:10 AM

Quote:

Originally Posted by Tsikura

What's the point of this?

Code:

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="http://delta-daily.com/wp-content/themes/Version 7/ie.css" />
<![endif]-->

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="http://delta-daily.com/wp-content/themes/Version 7/ie.css" />
<![endif]-->

Other than that, I can't see much. Tons of errors when validating like you mentioned and there's so much code to see if something is open somewhere.

The navigation is wider in IE, and someone told me to do that. It works though.

Yeah, I know there are tons of errors. I am gradually going to have valid coding. There actually isnt' that much coding, just wordpress and all its plugins places its own code in automatically. So when you press View Source, you will see their code. But when editing, it isn't there.

Quote:

Originally Posted by MarkRH

Trying changing your outer most table:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="center" width="950" style="border-left: 10px solid rgb(34, 34, 34); border-right: 10px solid rgb(34, 34, 34);">

To:

Code:

<table cellspacing="0" cellpadding="0" border="0" align="center" width="950" style="border-left: 10px solid rgb(34, 34, 34); border-right: 10px solid rgb(34, 34, 34); overflow-x: hidden;">

That didn't work

Artin

**caseylee** · February 14th, 2009, 8:03 AM

If it were me, I'd just make good use of overflow-x: hidden; but I'm lazy

February 14th, 2009, 5:49 AM	#1 (permalink)
Artin Registered User Comfy Contributor Joined in Feb 2006 Lives in Australia 108 posts Gave thanks: 5 Thanked 3 times	Help? IE Horizontal Scrollbar Hey, well I just designed my new layout for my site and placed it up on the site. It looks perfect in firefox, chrome, safari and opera. It looks awesome in IE 7, but there is a horizontal scrollbar at the bottom. Please take a look Delta Daily - Delta Goodrem Fansite I tried to look through the code (I know it is messy and not valid), but I couldn't see anything that would make it like this. Any help would be great Artin __________________ http://nobody-listened.org IP: 72.29.93.65 Hostname: pass65

February 14th, 2009, 6:07 AM	#3 (permalink)
Artin Registered User Comfy Contributor Joined in Feb 2006 Lives in Australia 108 posts Gave thanks: 5 Thanked 3 times	Here is a screenshot: http://i43.tinypic.com/33z8yn8.jpg Artin __________________ http://nobody-listened.org IP: 72.29.93.65 Hostname: pass65

February 14th, 2009, 6:17 AM	#4 (permalink)
fury Surpass Fan Super #1 Joined in Dec 2005 Lives in MN > USA Hosted on pass84 2,138 posts Gave thanks: 89 Thanked 112 times	I also get the scrollbar with IEtab embedded to Firefox 3. I don't see anything to be causing it though... __________________ fury™ - not helping the situation since 1987 robmonroe.net \| Twitter \| Foursquare

February 14th, 2009, 6:21 AM	#5 (permalink)
Tsikura Registered User Comfy Contributor Joined in Apr 2006 Lives in New York Hosted on VPS-5 216 posts Gave thanks: 13 Thanked 11 times	What's the point of this? Code: <!--[if IE 7]> <link rel="stylesheet" type="text/css" href="http://delta-daily.com/wp-content/themes/Version 7/ie.css" /> <![endif]--> <!--[if IE 6]> <link rel="stylesheet" type="text/css" href="http://delta-daily.com/wp-content/themes/Version 7/ie.css" /> <![endif]--> Other than that, I can't see much. Tons of errors when validating like you mentioned and there's so much code to see if something is open somewhere. Last edited by Tsikura; February 14th, 2009 at 6:26 AM..

February 14th, 2009, 6:36 AM	#6 (permalink)
MarkRH Race Surpass Super #1 Joined in Jul 2006 Lives in Oklahoma City, OK Hosted on sh102 1,510 posts Gave thanks: 21 Thanked 104 times	Trying changing your outer most table: Code: <table cellspacing="0" cellpadding="0" border="0" align="center" width="950" style="border-left: 10px solid rgb(34, 34, 34); border-right: 10px solid rgb(34, 34, 34);"> To: Code: <table cellspacing="0" cellpadding="0" border="0" align="center" width="950" style="border-left: 10px solid rgb(34, 34, 34); border-right: 10px solid rgb(34, 34, 34); overflow-x: hidden;"> __________________ SH102 : Mark Headrick - Blog - Gallery Pelicar \| Company of Valor \| Mysstie

February 14th, 2009, 6:03 AM	#2 (permalink)
Tsikura Registered User Comfy Contributor Joined in Apr 2006 Lives in New York Hosted on VPS-5 216 posts Gave thanks: 13 Thanked 11 times	I don't see any scrollbar with IE7 or IE6

February 14th, 2009, 8:03 AM	#8 (permalink)
caseylee 4-8-15-16-23-42 Excelling Contributor Joined in Jul 2007 Lives in Australia, turn left at America Hosted on Luna & Nexus (dedicated) 821 posts Gave thanks: 40 Thanked 29 times	If it were me, I'd just make good use of overflow-x: hidden; but I'm lazy __________________ www.casey-lee.com

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread: