Why are my sub-pages in wordpress not aligned correctly in IE8?

[djrolstad]

http://michaelajfarrellfoundation.org/foundation/

[chrisburton]

You’re using images for the navigation border. Why?

[djrolstad]

@chrisburton, what would you recommend?

@ChrisP, In IE8 it doesn’t line up correctly; its not centered everything goes to the left.

[chrisburton]

border-top and border-bottom

[djrolstad]

This is what my problem looks like: http://imageshack.us/photo/my-images/405/adobebrowserlab.png/

[chrisburton]

I think there’s a lot of issues with this site. I see a lot of margin-left going on. You should create two page wraps for the outer shadow and an inner wrap that aligns where your texture is.

[djrolstad]

I fixed the alignment issue in the sub-pages. @ChrisP; thanks it fixed the alignment of the image.

@chrisburton; I’m not even a rookie when it comes to web development. Still in the learning process. Could you please work something out in codepen for me, I really don’t understand what needs to be done.

[chrisburton]

I could but that wouldn’t really help you learn anything. I’d just be doing the work for you. You might want to start with your textured background. The gradient on the right side is not equal to the left.

[Author]

Posts