471,603 Members | 1,746 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,603 software developers and data experts.

HELP! IE 6 Wrapping Issues

I have posted before and am still looking for some assistance with regard to the following xhtml code and css for this page:

http://www.corvairflair.com/ocbs_site/index1.htm

While the page displays great in Firefox and ok in IE 7, when I view it in IE 6 the right hand column keeps wrapping under the left hand column. See screen shot.

When I pull the unordered list out of the picture the thumbnail photos don't wrap.

If someone could take a look at my code and give me some suggestions, I'd certainly appreciate it.

Thanks
Mike
Sep 12 '07 #1
3 1413
OK, so I changed my <div> strategy and now I don't seem to have the right column wrapping under the left column in IE 6. However I now have a spacing problem with my thumbnail images.

In IE 7 and Firefox, everything seems to work ok with the exception a couple of minor issues. However, in IE 6 the thumbnail photos in the right hand column are now spaced way lower than they should be in IE 6.

I validated all of my code and there are no errors. I'm sure I need to put some IE hacks in there, but I don't know what they are. Could someone please help me out here. Here is a link to the site. The home page and the link to Our Background are working.

http://www.corvairflair.com/ocbs_site/index1.htm

Thanks
Mike
Sep 13 '07 #2
drhowarddrfine
7,435 Expert 4TB
Mike,
Sorry I haven't helped sooner. I'm swamped myself.

Check the widths of the containers compared to the width of the body. If they add up to the exact width of the body then it's possible IE has added margin somewhere when there isn't any. Try increasing the width of the body or decreasing the width of the inside containers.
Sep 13 '07 #3
Mike,
Sorry I haven't helped sooner. I'm swamped myself.

Check the widths of the containers compared to the width of the body. If they add up to the exact width of the body then it's possible IE has added margin somewhere when there isn't any. Try increasing the width of the body or decreasing the width of the inside containers.
Thanks for your help. I seemed to have fixed the wrapping issue by doing exactly that. I increased the total width of my <div> container that holds both columns.

Now I have an issue with the thumbnail photos. The spacing between the main navigation menu and the thumbnail photos is fine in IE 7 and Firefox, but in IE 6 they appear way further down on the page. I am using the margin-bottom attribute within my navigation container.

Could you take a look when you have a moment.
Thanks
Mike
Sep 13 '07 #4

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

9 posts views Thread by Tom | last post: by
6 posts views Thread by wukexin | last post: by
3 posts views Thread by Colin J. Williams | last post: by
7 posts views Thread by Corepaul | last post: by
5 posts views Thread by Steve | last post: by
8 posts views Thread by Mark | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by MichaelMortimer | last post: by
reply views Thread by CCCYYYY | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.