On this page: http://theicedteaguy.com/our-products there are a list of products, etc int he center of the page, between 2 sidebars. As you can see, the products that go past the left sidebar are not aligned with the previous products. I have tried to make the left sidebar extend down more to fix this, but I am having no luck. Can anyone help me out? Thanks!
First your <img s in the sidebar do not have a closing >. Doesn’t cause the problem - good to get these things right.
What you want to do is float the left side bar left and the right side bar right each with a width. Then put the central information within another div that has a margin-left and a margin-right the same as the widths of the side bar.
That is odd…it is in the actual code, I am looking at it right now…no missing > . Anyway, thanks! It is working fine now, I believe
I which browser(s) was this? Or is this already solved? I just saw the page in different browsers and everything looks okay to me. You have three products per page so I don’t see how the products listing can pass the sidebar.
What I noticed though, is that you have your sidebar images in a div, which is correct since your document Is xhtml strict, but you should classes instead of id’s. An ID can only be defined once when it comes to validation.
It is resolved. Thanks!