Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Jquery DatePicker - CSS theme for it messes up the page's CSS -- gap at the bottom

Posted on 2009-07-15
4
Medium Priority
?
1,011 Views
Last Modified: 2013-11-19
If you take a look at this page in FF or IE ---

http://www.theseagatehotel.com/www.theseagatehotel.com/test.html

-- and scroll down to the bottom of the page -- you'll see that there's a 20px gap at the bottom.

That gap isn't supposed to be there.  The design should go all the way down to the bottom.

See this page for an example of how the page should display:

http://www.theseagatehotel.com/www.theseagatehotel.com/index.html

It seems that adding the CSS file for the datepicker/calendar  -- jquery-ui-1.7.2.custom.css -- namely the "cupertino" theme, .. is the culprit behind the problem.

The odd thing is -- when you click in one of the text input fields (or click on one of the calendar icons) .. the gap at the bottom of the page instantly goes away.

How can I eliminate that gap at the bottom of the page?  Can the CSS file be tweaked somehow?  Or is there some kind of javascript function that I can call onload that will eliminate the gap?

Thanks,
- Yvan
0
Comment
Question by:egoselfaxis
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
4 Comments
 
LVL 18

Expert Comment

by:bruno
ID: 24862209
to be honest, i see no gap at the bottom of the page in either IE or FF
0
 

Accepted Solution

by:
egoselfaxis earned 0 total points
ID: 24862255
0

Featured Post

The top UI technologies you need to be aware of

An important part of the job as a front-end developer is to stay up to date and in contact with new tools, trends and workflows. That’s why you cannot miss this upcoming webinar to explore the latest trends in UI technologies!

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
A while back, I ran into a situation where I was trying to use the calculated columns feature in SharePoint 2013 to do some simple math using values in two lists. Between certain data types not being accessible, and also with trying to make a one to…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

715 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