Solved

Footer position should float below selected div

Posted on 2008-06-10
3
684 Views
Last Modified: 2010-04-21
hi -
please see http://www.sellthink.com/result2.htm

i am really struggling to make the header footer (line 398 - 425) align properly.  

the footer should align in the middle of the page, just below the submit button, and shoud "float" in the same position relative to the submit button when either "Write your own script - FREE" or "Professional Script Writing Service - Only $99.95 USD" radio buttons (which control show/hide divs) are selected.

can someone pls give me some guidance?
0
Comment
Question by:chrisj1963
  • 2
3 Comments
 
LVL 4

Accepted Solution

by:
intrwrks earned 500 total points
ID: 21756887
Sorry about that. Don't know how I missed the second part of that question, but to fix the footer you should remove the height from mydiv and remove everything from mydiv2 except the text-align center.
#mydiv
{
     margin:0px auto;
     width:30em;
}
 
#mydiv2
{
     text-align:center;
}

Open in new window

0
 

Author Comment

by:chrisj1963
ID: 21756987
thanks for the response, but take a look at http://sellthink.com/result2.htm in ie or firefox.  the footer is floating over the divs.  any thoughs on how I can fix that?
thanks
0
 

Author Closing Comment

by:chrisj1963
ID: 31466025
it worked perfectly... pls disregard my followup comment
0

Featured Post

Courses: Start Training Online With Pros, Today

Brush up on the basics or master the advanced techniques required to earn essential industry certifications, with Courses. Enroll in a course and start learning today. Training topics range from Android App Dev to the Xen Virtualization Platform.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
jQuery Validate 4 36
HTML5 Looping table certain Cell 10 33
how can i make the array into an object? 4 30
Checkout Page Input Field not aligned 1 22
In this article, we'll look how to sort an Array in JavaScript, including the more advanced techniques of sorting a collection of records either ascending or descending on two or more fields. Basic Sorting of Arrays First, let's look at the …
This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

776 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