div not rendering properly in chrome

Posted on 2012-09-17
Last Modified: 2012-10-03
The  newsletter section of the page is not rendering properly in google chrome (div with class="panel w630"). What css  changes I need to do to correct the width and also I want this div bottom should aligned with the Newsletter button in red on the left. so what height should I set for this div.
Question by:mmalik15
    LVL 58

    Accepted Solution

    Change your doctype to

    Then try adding

    height:296px to .panel .border {

    You may need to play with height once you have a proper doctype, transitional lets browsers do their own interpretation of styles.

    Author Comment

    thanks for the comment.

    would changing this doc type will have any other rendering impacts?
    LVL 58

    Expert Comment

    It will show anything that is not correctly styled.
    You should use a doctype that all browsers will follow the same way.

    Author Closing Comment


    Featured Post

    Highfive + Dolby Voice = No More Audio Complaints!

    Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

    Join & Write a Comment

    Introduction A frequently asked question goes something like this:  "I am running a long process in the background and I want to alert my client when the process finishes.  How can I send a message to the browser?"  Unfortunately, the short answer …
    Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
    In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
    In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

    746 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

    14 Experts available now in Live!

    Get 1:1 Help Now