Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by gopinath para
gopinath para
2,880 Points

IE Display problems in wordpress

Hello every one,

I've a very quick query about wordpress. i've metro style menu for my wordpress website.at 1027*768 resolution my website it is not working properly in IE where in Firefox and chrome it is working fine.i'm not sure about the exact reason .can any buddy please help in this ?

my website is http://touchstore.specbee.com and you can see this problem by changing the screen resolution.please some one ?

Error screenshot http://t.co/sZDjNpKYsi

Zac Gordon Nick Pettit

10 Answers

Joe Bruno
Joe Bruno
35,909 Points
Joe Bruno
Joe Bruno
35,909 Points

According to the Chrome developer window, you have your margin on your class ".tile-icon," set to "margin: auto." On that last tile, try setting it manually to "margin-right: 0px;" and see if that doesn't fix your issue.

gopinath para
gopinath para
2,880 Points
gopinath para
gopinath para
2,880 Points

Sorry Joe.i changed the margin right to 0 but it's not working .Any other suggestions ?

Joe Bruno
Joe Bruno
35,909 Points
Joe Bruno
Joe Bruno
35,909 Points

Sorry, you had another class I didn't see: .tiled-menu > li set to margin-right: 0px or just for last child.

gopinath para
gopinath para
2,880 Points
gopinath para
gopinath para
2,880 Points

Sorry this one also not working :( Joe Bruno Zac Gordon Nick Pettit

gopinath para
gopinath para
2,880 Points
gopinath para
gopinath para
2,880 Points

Oh my goodness ...i made it :) in tiled-menu li class we have margin-left 4px .. i decrease it to 3px :) working great :) Joe Bruno

Matt Campbell
Matt Campbell
9,767 Points
Matt Campbell
Matt Campbell
9,767 Points

If I can make a suggestion. The drop down menus are a nightmare to use. They either need to be put directly under the relevant parent button or the Amazon menu implemented, may help a touch but really the links need positioning closer to the menu buttons.

Also, you don't immediately see them when you hover over a button because they're so far away. :)

gopinath para
gopinath para
2,880 Points
gopinath para
gopinath para
2,880 Points

Absolutely ... but my client liked this metro tails style with that exact positioning ..so no other choice :) Matthew Campbell

Matt Campbell
Matt Campbell
9,767 Points
Matt Campbell
Matt Campbell
9,767 Points

Fair enough. Client always knows best, apparently. ;)

gopinath para
gopinath para
2,880 Points
gopinath para
gopinath para
2,880 Points

Exactly .. :) Matthew Campbell

Zac Gordon
STAFF
Zac Gordon
Treehouse Guest Teacher
Zac Gordon
Zac Gordon
Treehouse Guest Teacher

Hey folks, retagged this as CSS instead of WordPress. Great job helping each other out!