CSS issues I could use some help with please..??

Posted on 2012-08-19
Last Modified: 2012-08-25
I'm working with the following page:

In FF and Chrome everything looks how I want, but in IE the row labels (like Compatibility and Transaction Rate) aren't aligning to the top like I want.  What's strange is that the Monthly Fee label does seem to do it.

Also, in IE, the icons I have in there for the compatibility row aren't aligning to the top like it is in FF and Chrome either.

Any information on how I can get this resolved would be greatly appreciated.  Thanks!
Question by:Andrew Angell
    LVL 31

    Accepted Solution

    Get rid of all the "valign" attributes for your TD cells. Some of them have it specified as "valign=top", others have "valign=middle", and some don't have it at all. I suspect you're using a WYSIWYG editor of some kind.... don't. Go into the source code directly and examine it.

    The valign tag isn't well respected by any browser. Instead, you should use the CSS style "vertical-align: top"

    The same goes for your icons, it's the same problem.
    LVL 11

    Author Closing Comment

    by:Andrew Angell

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    Join & Write a Comment

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
    In this tutorial viewers will learn how to position items using CSS's three positioning types Create a new HTML document with an internal stylesheet.: Create another div in CSS and name it Absolute : Type "position:absolute;" and "top:10px; left:50p…
    In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

    755 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now