Solved

PHP "window" in site design not working for IE of any version

Posted on 2012-04-02
6
334 Views
Last Modified: 2012-04-02
A friend of mine is designing a simple website to display news information and such on development of software he is working on. He seems to be doing this through PHP, the particular design uses a sort of overlay window over the main body and works properly in Firefox and Chrome, but doesn't do its job in Internet Explorer (any version).

In detail; he has a news feed he updates, and has a link that says "[Open News]", and when you click on this, a gray box comes up and overlays over the main page like shown below.

Two images cropped together to show the effect of the PHP script placed in the site design  and how it should look like.
When you do the same in Internet Explorer, below is what happens.

Image of a PHP script shown in Internet Explorer not working properly
As you can see, its not what it should be doing. I think there's a compatibility issue involved but  can't figure it out for myself, and thought someone might be able to help.

I can ask the designer for the code if it is needed to help troubleshoot.

Thanks in advance.
0
Comment
Question by:HMNormoyle
  • 3
  • 3
6 Comments
 
LVL 6

Expert Comment

by:ingriT
ID: 37795442
Do you have the url, or the css and html code to check this? Without code there are too many options of things that could be wrong.
0
 

Author Comment

by:HMNormoyle
ID: 37795451
The URL is currently an IP address as he has not purchased a domain name yet and is still developing it.

http://216.238.232.35:4545/?p=News
0
 
LVL 6

Accepted Solution

by:
ingriT earned 500 total points
ID: 37795499
Try this in your stylesheet (replacing the current code) for the #FullPage div:

#FullPage
{
position:relative;
top: -120px;
}

#FullPageInner
{
// nothing
}

Open in new window

0
Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

 

Author Comment

by:HMNormoyle
ID: 37795537
That seemed to place it in the center of the page, which is obviously better than where it was before. I'm only able to test this locally as I do not have access to his FTP to upload the new stylesheet myself. Is there a way to extend the window so that it fills the window vertically or is there a limitation for Internet Explorer?

This is the outcome:

Full screen image of updated stylesheet.
0
 
LVL 6

Assisted Solution

by:ingriT
ingriT earned 500 total points
ID: 37795567
You can set a higher value for the top, not -120px, but -300 px.
0
 

Author Comment

by:HMNormoyle
ID: 37795579
Great, I'll have him look this over. Thanks for the help.
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

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

Today, still in the boom of Apple, PC's and products, nearly 50% of the computer users use Windows as graphical operating systems. If you are among those users who love windows, but are grappling to keep the system's hard drive optimized, then you s…
Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
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)

786 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