[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now


CSS questions

Posted on 2011-10-20
Medium Priority
Last Modified: 2012-06-27
I'm modifying a theme I purchased from ThemeForest.com 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
  • 3
LVL 84

Expert Comment

by:Dave Baldwin
ID: 37004330
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

ID: 37004382
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

lizzzz earned 0 total points
ID: 37121779
The problem was the lack of a closing </form> tag on the search box. ....which fixed the alignment in IE.


Author Closing Comment

ID: 37144254
I found a missing closing tag which fixed the problem.

Featured Post

Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
This video shows how to quickly and easily deploy an email signature for all users in Office 365 and prevent it from being added to replies and forwards. (the resulting signature is applied on the server level in Exchange Online) The email signat…
Suggested Courses

873 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