- This topic has 2 replies, 2 voices, and was last updated 12 years, 5 months ago by
.
-
Posts
-
The logo on the website I am working on shows two overlapping logos in IE and Chrome. I'm not sure what would cause this?
http://www.cobbengr.com/civilservants/contact/Newbie S.W.A.G., but your CSS selector at line 407 seems to declare "header-image #title" twice, unnecessarily. Your "margin-left" of 1.5rem makes them overlap. (If you make the margin=0, the images merge into one, but in the wrong position.) Maybe Firefox can handle this 3x declaration, but Chrome and IE cannot.
CSS line 407
` .header-image #title, .header-image #title a, .header-image #title-area {
background: url("images/logo.png") left no-repeat;
display: block;
float: left;
min-height: 50px;
overflow: hidden;
text-indent: -9999px;
margin-left: 1.5rem;
}
`You need to get this down to `.header-image #title-area `.
Sorry I can't be more helpful.
Choose your next site design from over 350 Genesis themes.
[ Follow me: Twitter ] [ Follow Themes: Twitter ] [ My Favourite Webhost ]
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.