What is OpenID?

Stupid IE... need help!

May 23, 2009 - 3:32pm
anthonypero
anthonypero's picture
Joined: 12/16/2007
User offline. Last seen 27 weeks 6 days ago.

Ok, so things are going along swimmingly in my redesign of my music site, when all of a sudden, I can't get horizontal lists to work right in IE 7. Haven't even looked at ie6 yet. I must be doing something wrong, but I've done this a dozen times now with no problem.

http://dl.getdropbox.com/u/720898/anthonyperomusic...

Works great in firefox, but for some reason, the anchors are dropping 19px in IE7. The first link is fine, the second link drops 19, the third drops 38, etc... I tried overriding the styles in an iehacks.css file, but when I pull them up, the fourth link all of a sudden tucks in under the first link. Why?

Any help would be appreciated.

Thanks,
Tony

Anthony Pero
http://www.myspace.com/anthonypero

May 23, 2009 - 4:23pm
BishopBooyah
BishopBooyah's picture
Joined: 10/18/2008
User offline. Last seen 1 year 27 weeks ago.
Float the LI

Float the LI element:

#primary-nav ul li {
  float: left;
}

#primary-nav ul li a {
  height: 50px;
  text-indent: -10000px;
  display: block;
  overflow: hidden;
}

Then adjust your xpos for a:hover.

/ * Begin Signature */
It's a strange thing about determined seekers-after-wisdom that, no matter where they happen to be, they'll always seek that wisdom which is a long way off. Wisdom is one of the few things that looks bigger the further away it is.

May 23, 2009 - 5:51pm
anthonypero
anthonypero's picture
Joined: 12/16/2007
User offline. Last seen 27 weeks 6 days ago.
Doh!

Thanks, I didn't even notice I was trying to float the anchors without floating the list items. Thanks!

Tony

Anthony Pero
http://www.myspace.com/anthonypero

May 23, 2009 - 6:05pm
anthonypero
anthonypero's picture
Joined: 12/16/2007
User offline. Last seen 27 weeks 6 days ago.
Works!

Thanks, that did the trick... I had to adjust the xpos for firefox as well after doing this, but it works in both browsers now... web kit wants to push it a pixel off, but I can live with that.

Tony

Anthony Pero
http://www.myspace.com/anthonypero

May 29, 2009 - 5:58pm
BishopBooyah
BishopBooyah's picture
Joined: 10/18/2008
User offline. Last seen 1 year 27 weeks ago.
My facebook status is now: If

My facebook status is now: If Sisiphus were a web designer, as punishment, he'd have to write CSS for Internet Explorer. IE is the bane of all standards and whoa unto anyone who works not with the code equivalent of spit and duct tape.

/ * Begin Signature */
It's a strange thing about determined seekers-after-wisdom that, no matter where they happen to be, they'll always seek that wisdom which is a long way off. Wisdom is one of the few things that looks bigger the further away it is.

June 6, 2009 - 6:51pm
DrogoNevets
DrogoNevets's picture
Joined: 06/06/2009
User offline. Last seen 1 year 42 weeks ago.
another option is to "clear"

another option is to "clear" all browser CSS. Makes cross browser support much easier.
There are dozens of style sheets that set the margins/padding of all the elements to 0px so it means less browser specific styling rules.

Doesn't elimnate all issues but alot of them!

June 6, 2009 - 7:05pm
anthonypero
anthonypero's picture
Joined: 12/16/2007
User offline. Last seen 27 weeks 6 days ago.
CSS Reset

Yep, always good to employ a css reset. I do. This is an issue with the interpretation of "center" between the browsers: Firefox moves it 1 px left, and IE moves it one px right. Of course.

Tony

Anthony Pero
http://www.myspace.com/anthonypero

  • Read Reviews
  • About The Show
  • View Tutorials