Solved

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

Posted on 2012-04-02
6
344 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
[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
  • 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
Online Training Solution

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action. Forget about retraining and skyrocket knowledge retention rates.

 

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

Turn Insights into Action

Communication across every corner of your business is essential to increase the velocity of your application delivery and support pipeline. Automate, standardize, and contextualize your communication processes with xMatters.

Question has a verified solution.

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

In threads here at EE, each comment has a unique Identifier (ID). It is easy to get the full path for an ID via the right-click context menu. However, we often want to post a short link within a thread rather than the full link. This article shows a…
The Windows functions GetTickCount and timeGetTime retrieve the number of milliseconds since the system was started. However, the value is stored in a DWORD, which means that it wraps around to zero every 49.7 days. This article shows how to solve t…
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

691 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