homepage Welcome to WebmasterWorld Guest from 54.197.65.82
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Extra wide page only in IE7
guod



 
Msg#: 4226714 posted 6:17 pm on Nov 4, 2010 (gmt 0)

I have been trying for weeks to get rid of a spacing in IE7 and am at a loss as to what is causing it..do you guys think you could take a look at the page and maybe help me out? I have go through so many page revisions I have basically started trying the same things over again. In FF, IE8, Chrome and Safari the width is perfect...IE7 is bugging me like crazy.

Below is a pic of the space. You can see it next to TRAVEL CASES. it is like something starts to stretch the page, making the menu bar start to show another button.

[img688.imageshack.us ]

Here is a link to the website. Remember, this only happens in IE7

[jewelryboxavenue.com ]


thanks guys

 

milosevic



 
Msg#: 4226714 posted 1:11 pm on Nov 5, 2010 (gmt 0)

guod, why don't you use a conditional comment:

Stick this in your source code

<!--[if IE7]>
<style type="text/css">

ElementBrokeinIE7 {
width:200px
}

</style>
<![endif]-->

It looks like you've got the width of that menu set with inline style though, so bear in mind that the inline style may override the conditional comment

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4226714 posted 2:37 pm on Nov 5, 2010 (gmt 0)

It's also worth noting that there are a ton of nested tables (tables within tables), which make this sort of troubleshooting a terrible headache. Just one reason to avoid this sort of nested tables for layout.

guod



 
Msg#: 4226714 posted 4:03 pm on Nov 5, 2010 (gmt 0)

thanks for the replies.
@milosevic

I added that code in there and had no change. Not sure what that code was supposed to do, but I think some conditional code is going to be required.

@fotiman

I know..it is a complete mess. I did not do the original design of the page and am working with what I have for the moment. I think that if everything was in its own table or something of that nature, things would be 100% easier. I know it must be inheriting some width from somewhere or something crazy..


Also, not sure if it's worth noting, this is where I got the code for the menu bar.

[dynamicdrive.com...]

milosevic



 
Msg#: 4226714 posted 4:59 pm on Nov 5, 2010 (gmt 0)

guod, obviously you need to replace "elementbrokeninIE7" with the selector for the element which is broken in IE7. I also doubt 200px will be the correct width for you.

This code should fix your problem much more simply than any other fix.

guod



 
Msg#: 4226714 posted 5:56 pm on Nov 5, 2010 (gmt 0)

I think I should have been a little more clear in my relply. sorry.

I do not know what to change. I tried changing the width of the div, but I see no change. I have been trying to use IE dev tools to edit it on the fly. I also tried to put the code in with the width of that div changed and I still see no results...

this means it is coming from somewhere else right? something else in the top menu is pushing it out right?

Fotiman

WebmasterWorld Senior Member fotiman us a WebmasterWorld Top Contributor of All Time 5+ Year Member



 
Msg#: 4226714 posted 6:51 pm on Nov 5, 2010 (gmt 0)

The <td>'s in the <tr> that contains "FRAME_SEARCH" each have width values assigned. When I remove those widths (via the IE Dev Toolbar), it lines up much more nicely. So I suspect therein lies your problem.

guod



 
Msg#: 4226714 posted 11:06 pm on Nov 5, 2010 (gmt 0)

thanks for helping me. I was able to get that width adjusted and the page looks good now. For some there is still a little gap on an actual product page, but I'll have look around and see what causes it

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved