Border around menu

[simone]

Hello,

I have a question about the Corporate theme of Studiopress (www.dewittecoaching.nl). I try to make the borders the same thickness at all sides, but in IE browser it looks different than in Mozilla Firefox.

I made the border like this in css:
#nav {
background: url(images/nav.png);
border-color: #6B0575;
border-style: solid;
border-width: 0px 1px 2px 3px;
clear: both;
color: #fff;
font-family: 'Droid Sans', arial, serif;
font-size: 12px;
margin: 0 auto;
overflow: hidden;
width: 956px;
}

Can I fix this another way in css?

Thanks!

Simone

http://dewittecoaching.nl

[jbergen]

Hi,

I think what's causing the asymmetry in the border around your nav menu is this line: border-width: 0px 1px 2px 3px;

When I changed it to: border-width: 0px 2px 2px 2px;, it made the spacing on the left and right of the nav menu more even.

I hope that helps!
Jamie

---

Jamie @ Ladebug Studios

[simone]

Hi Jamie,

Thanks, but this helps in Mozilla but it's horrible in IE. That's why I use these different values; because this shows the best in IE. There must be some way to make the lines more even for all browsers, but how?

Thank you,

simone

[jbergen]

Hi Simone,

Can you tell me which version of IE you're using and which operating system? I tried to reproduce the problem using BrowserStack, but I didn't see the problem you're describing. Can you also maybe include a screenshot in your next post?

Jamie

---

Jamie @ Ladebug Studios

[simone]

Hello Jamie,

I'm using IE 11. I can't figure out how to insert a screenshot, sorry!

Simone

[jbergen]

Hi Simone,

I tested your site in a couple of different IE 11 configurations in BrowserStack (Windows 7, IE 11 and Windows 8.1, IE11), but it looks the same as it does in Firefox to me.

Here's IE11:

Here's the most recent version of Firefox:

If you want to sent a screenshot of what you're seeing, go to tinypic.com and upload the screenshot as an image. Then copy the direct link for layouts and use the img button to create the image in your post.

Jamie

---

Jamie @ Ladebug Studios

[Author]

Posts