Navigation issue with divs and Drupal

Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

jsigler

Thread Starter
Joined
Jan 28, 2013
Messages
1
We are working on the following site; http://www.shawneezip.com/

the navigation at the top is entered into three blocks; 3 links right, image center, 3 links left. The links and images are in three different blocks. The navigation renders correct in IE, android, linux, and mac os10. Windows chrome, firefox, and ios 6 are rendering incorrectly. Is there a solution out there that would render these blocks correctly across the board?
 

colinsp

Colin
Joined
Sep 5, 2007
Messages
2,320
Your problem seems to me to be with this bit of CSS

Code:
.sf-menu.sf-style-space-orange a {
  border: 1px outset transparent;
  color: #000000;
  font-weight: bold;
  padding: 0.75em 1em;
}
The border is throwing it off, the easiest fix is delete the border definition otherwise increase the width of the element by at least 6 pixels.

Don't forget that IE renders borders differently to other browsers who do it correctly as per the W3C specification.
 
Status
This thread has been Locked and is not open to further replies. Please start a New Thread if you're having a similar issue. View our Welcome Guide to learn how to use this site.

Users Who Are Viewing This Thread (Users: 0, Guests: 1)

As Seen On
As Seen On...

Welcome to Tech Support Guy!

Are you looking for the solution to your computer problem? Join our site today to ask your question. This site is completely free -- paid for by advertisers and donations.

If you're not already familiar with forums, watch our Welcome Guide to get started.

Join over 807,865 other people just like you!

Latest posts

Staff online

Members online

Top