CSS questions

Posted on 2011-10-20
Last Modified: 2012-06-27
I'm modifying a theme I purchased from called "Eleganza".

I've inserted a search box in this template and it looks great in all browsers EXCEPT IE 8 where the two right hand sections of the footer get completely out of whack.   (see attachment)

I need to get the footer to line up however a BETTER SOLUTION would be to have the search box moved up next to the top right hand links.  (so the order of the top-most area of the header is:
1. social media,
2, search box
3.  then links called:   Intranet | Careers | Contact Us | Directory | Sitemap

Here is the link:

Please help!
    Screen Shot of Footer Problem
Question by:lizzzz
    LVL 82

    Expert Comment

    by:Dave Baldwin
    This part may be too wide even though it is hidden.  Try the version below and see if it works.
    <div class="formpart">
    <span class="errormessage">Error! Please correct marked fields.</span><br>
    <span class="successmessage">Subscription send successfully!</span><br>
    <span class="sendingmessage">Sending...</span></div>

    Open in new window


    Author Comment

    Thanks Dave,
    That's what I originally thought, too.  But that part is fine.  

    Somehow something with the new div I added which contains the search box pushes down those two right hand boxes (only in IE)  ...all other browsers are find.

    I'd like to move the search box up to the very top however.

    Accepted Solution

    The problem was the lack of a closing </form> tag on the search box. ....which fixed the alignment in IE.


    Author Closing Comment

    I found a missing closing tag which fixed the problem.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Training Course: Adobe Dreamweaver CC 2015

    Adobe Dreamweaver Creative Cloud is used by web designers and front-end developers and allows you to visualize your site in real-time as you code. This course covers exam objectives for the Adobe Certified Associate (ACA) certification.

    So you have coded your own WordPress plugin and now you want to allow users to upload images to a folder in the plugin folder rather than the default media location? Follow along and this article will show you how to do just that!
    Use these top 10 tips to master the art of email signature design. Create an email signature design that will easily wow recipients, promote your brand and highlight your professionalism.
    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 …
    In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…

    760 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

    7 Experts available now in Live!

    Get 1:1 Help Now