Browser Issues & Subject/Title Overflow

[hadathought]

I am almost done tweaking my layout. I always hold onto a layout for years, so I'm making sure everything is the way I want it. Thanks to fueschgast for solving my other questions! You were a big help

Comments

[fueschgast]

I can't help with CSS. I'd just solve issues 2 & 3 by not displaying the title and making the non-subject part of it an image.

[london_fan]

Seconding fueschgast's suggestion re 3. If you don't want to miss out completely on the title you could still put the text in the blurb section and display that one instead of the title? That way you could even customize font and text size to your liking. Text-shadow isn't supported by IE at all, but there used to be a (wonky) circumvention with filters for older IE versions. They won't work with any version above IE9, though.the additional property for your title would be something like filter: dropshadow(color=#cccccc, offx=1, offy=1). Again, this won't work with newer versions of IE!

I wanted to draw your attention to something else, too: your sidebar image has the background colour #f8f8f8, whereas your layout background colour is #f6f6f6. They're almost the same, but not on a monitor with good contrast. I definitely see the the edges on my screen, so you might consider matching your background colours?

[hadathought]

I responded to fueschgast thinking it was you. Whoops.

So I did know about the image. I was concentrating on the layout first, then I was going to direct my attention to all of the graphics/Photoshopping. Thank you for letting me know though! Would you mind looking at it now to see if it's transparent? Just double checking. I also ended up making the Title an image. It seemed easiest, since I'm pretty good in Photoshop.

Do you know how to solve my first question about Safari and my user pics?

[london_fan]

It looks perfect now. Love your solution. Had I known you're comfortable with PS I'd have suggested that in the first place. Sometimes putting together one simple image solves several issues all at once. You'll never have to worry about any browser issues for your title text-shadow now! :)

As for the other question... I'll have to admit that I don't use Safari and therefore have never really looked into its specific issues. I've goggled a bit and found several "workarounds", but they require changes to the HTML source code to change around some divs, so...

I can't test it for you, because I don't use Safari, but maybe adding overflow: hidden; might make a change? Worth a try at least. Let me know if that works.

[hadathought]

Thank you! IE makes me so mad sometimes. I personally use Firefox and love it. Safari gives me a lot of trouble, but it bothers me when my layout doesn't look the same in all browsers. I'm a liiiiittle obsessive compulsive. Just a little ;)

I added the code, but (like I said) Safari gives me trouble. I don't know if it worked. I usually have to wait a day for the changes to take affect in the browser. And that's even after I restart Safari. If that didn't work, I could be putting the code in the wrong place or the code just didn't work, for some reason. You're awesome. Thanks for your help!

[fueschgast]

Wow, I'm slow. I only just realized that alternatively you could put your title in .subtitle and set .title to display: none.