Bex01 sidebar issue in IE

Skinning and designing Serendipity (CSS, HTML, Smarty)
Post Reply
Nintendo Gal
Regular
Posts: 44
Joined: Wed Oct 19, 2005 10:09 pm

Bex01 sidebar issue in IE

Post by Nintendo Gal »

I've been through the CSS and I can't figure out what the heck is going on. Ok given it's been awhile since I actually modded bex01 to my own needs, but that still doesn't explain why I can't find the problem.

Problem being: In IE (not that I really care, but there are IE users out there) Bex01 has a problem on the sidebars where it's repeating the bexsidebargrad.gif a bit to the left.

http://www.nintendogal.com/

Any help would again be appreciated, thanks in advance!

(Sorry for posting so much lately! >.<)
judebert
Regular
Posts: 2478
Joined: Sat Oct 15, 2005 6:57 am
Location: Orlando, FL
Contact:

Post by judebert »

(Sorry for posting so much lately! >.<)
We love it! Don't stop now!

And I like your site, too. It looks good, it's got an interesting perspective (I have three daughters), and I can't wait for the Wii. I hope Twilight Princess lets us all play at the same time. (Arrgh! Must finish Tales of Symphonia immediately!)

Back to the topic at hand.

IE is crazy. You know this already, it seems. So far as I can tell, this time it's misinterpreting the #sidebar img.corner CSS. In FF, when I expand this width, the entire sidebar title stretches to the right. It looks like IE decides to put the image as far right as it can and repeat it.

I'd try two things: reduce the width from 19px to 16px. If this works, IE's box model is still screwed up (surprise, surprise!).

If it doesn't work, try setting margin-left: -3px. That should move the image over so it doesn't show that piece of block any more.
Judebert
---
Website | Wishlist | PayPal
Nintendo Gal
Regular
Posts: 44
Joined: Wed Oct 19, 2005 10:09 pm

Post by Nintendo Gal »

judebert wrote:We love it! Don't stop now!

And I like your site, too. It looks good, it's got an interesting perspective (I have three daughters), and I can't wait for the Wii. I hope Twilight Princess lets us all play at the same time. (Arrgh! Must finish Tales of Symphonia immediately!)

Back to the topic at hand.

IE is crazy. You know this already, it seems. So far as I can tell, this time it's misinterpreting the #sidebar img.corner CSS. In FF, when I expand this width, the entire sidebar title stretches to the right. It looks like IE decides to put the image as far right as it can and repeat it.

I'd try two things: reduce the width from 19px to 16px. If this works, IE's box model is still screwed up (surprise, surprise!).

If it doesn't work, try setting margin-left: -3px. That should move the image over so it doesn't show that piece of block any more.
Thanks for the compliments on the site! Not sure that there is multiple player ability in the game, but who knows since it's not officially out yet. ;)

On topic: Yeah I figured the first solution wouldn't work (call it a gut feeling), but your second one fixed it perfectly, thank you!
Post Reply