CSS Help
- Started
- Last post
- 11 Responses
- stevegee
Yo - need a quick spot look in IE on a PC... I'm coding this HTML Email (I DID NOT DO THE DESIGN) and I've got it 100%perfecto on MAC, but on a PC, the left column, AKA #story, is jumping to the right about 180px.
HLP PLS?
- stevegee0
Oh yea, and the header BG image is not lined up with the body BG image, but again only on PC.
I think it's something to do with the Box Model Hack, that I don't fully understand.
Thx again!
- jakeyj0
on pc IE, you're going to have a double-margin bug on your float.
it happens when you have a margin on the same direction in which you have the float.
you can fix this by adding display:inline to #story
- stevegee0
nice, thanks homes.
- stevegee0
nope, no dice man... that didn't clear it up... any other thoughts?
- jakeyj0
i don't know what else it would be, that's what the bug is and looking at it on PC, the margin on the left looks doubled. clear out your history and cache and refresh. that's all i can think of
- stevegee0
k, it was a combo of things... you're tip was part of it, the other part was the box model nonsense with the width's and margin's and padding's of the two columns in IE on PC they added up to more than the main box width.
the issue with the header graphic not lining up was just a bad cut out on the images.
thanks again yo!
here it is looking good...
http://www.fifthroomcreative.com…
- jakeyj0
yeah glad i could at least point you in the right direction.
- heavyt0
Steve-O,
you should consider that a lot of email clients will strip out any code outside of teh [body] tags. some also strip the [body] tags, like hotmail, possibly gmail.
not a good practice to rely on CSS for an html email. it is cool if the css is inline, but even then i wouldnt count on it 100%.
- stevegee0
hey TR - issues arise with both CSS and table based designs in email...
read this:
http://www.campaignmonitor.com/b…and this:
http://www.campaignmonitor.com/b…with table based stuff, many readers pull out the TR tag, which is also bad.
- heavyt0
Yahoo and AOL offer very respectable CSS support. "Hotmail isn't too painful provided you include your element in the and not the , while Gmail gives you no choice but to use inline styles only."
"The result is that positioned elements behave as if they were not coupled with any styles whatsoever. So unless your email list is void of Yahoo addresses, it’s best to avoid designs requiring positioning."
- stevegee0
so there's no win win way of doing it... but unless I'm reading it all wrong, css is the best way since it degrades the best... yes/no?