Hey everyone! I'm creating my site right now... http://vampa.org, and if you go to our "services" page, you will see that there are 2 VERY ANNOYING IE BUGS! I've made a separate CSS file for ie, ie-only.css, but it hasn't fixed them so far. I feel like I'm missing something VERY simple, but I just can't find it. The errors are: 1) The images (XHTML/CSS, CMS, Artwork) are not aligning straight. They did not in FF3 either, and the margins set in style.css work for FF, but not for ie. when I tried assigning new margins in the ie-only.css file, nothing changed..?!?!? 2) The text with class "p-heading" is not accepting the "text-align: center;" CSS that usually works??!?!?!? I don't know what's going on with that AT ALL, but I would love for someone to see it. I've made the text blue to make it identifiable in the CSS and on the page. I would be VERY grateful for any kind of help on this matter, Alex
Your doctype is incorrect and putting IE into quirks mode. Replace it with this one: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Then validate your html and css for those lists of errors.
Hi buddy, I have checked your "services" page in Firefox v 3.0.10 and all appeared to be proper as you have mentioned in your post. Have you already fixed the CSS issues?
thanks a bunch! I just fixed the images.. turns out wordpress does this crazy crap to HTML.. it wraps everything in "<p>" tags soo I got the plugin to stop it from doing that.. I'll fix the DOCTYPE and hope that fixes the alignment. bindassdelhiite: the errors are only in ie.. FF3 is perfect site-wide..
wow.. o the good news is that I have fixed the problem... the bad news is that I wish to kill myself. turns out a simple "style="text-align: center;"" was all that was needed.. thanks for your help everyone though!