I'm dabbling in CSS to make a website for my church and I'm having problems. I'll be up front and say I have a minimal understanding of what exactly is happening with different CSS tags. Everything I've learned by looking at source and a few tutorials, and most of what I do is through trial-and-error til it looks right. Okay, my disclaimer is out of the way, here's my problem. The website is www.daybreakvermont.com. Viewed in Firefox it looks the way I want it. I realized I should check it in IE and the columns are offset and my dividers in the lefthand column are too thick. The URL of the .css file is www.daybreakvermont.com/all.css. If anyone has any idea how to make it look the same in IE as in FF I'd be much obliged. I don't have the CSS know-how to be able to figure it out myself. If anything is unlcear or you want some clarification, just reply. Thank you, Noah
I know it's only been a day, I just want ot make sure this gets seen. Anyone willing to take a crack at it for me? If you need anymore information let me know.
Im pretty sure it has to do with IE margin bug. The center column is offset by 10px, so try changing your leftcontent margin-bottom to say this: margin-bottom: 10px !important; /* Works for standard compliant browsers, ignored by IE */ margin-bottom: 20px; /* This makes sure that IE increase the margin by 10px */ The !important tag gives the margin importance over any other similarly styled tag, so that the other margin-bottom is ignored by standard compliant browsers (firefox/opera/etc...). If this doesnt work, try doing the same thing with margin-right, increased by 10px. If this doesnt work, shoot me an email and Ill see what I can do. Dana Woodman http://www.evoldesign.com/ contact@evoldesign.com