473,397 Members | 2,077 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,397 software developers and data experts.

blank page in IE7

I, like many others, hate IE simply because it doesn't go along with standard and bothers every site anybody attempted to make in the history of the web. I've checked this site in FF, NS, and Opera and they're perfect; identical. IE7 renders a blank page. Why? Probably because it's not rendering the style sheet. Why? I have no idea. All I know is this site is so simple right now, if you take away the style sheet you're pretty much looking at nothing. Here's the page's code and the CSS will follow.

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  2.                       "http://www.w3.org/TR/html4/strict.dtd">
  3.  
  4. <html>
  5. <head>
  6. <title>Zachary E Miller</title>
  7. <META http-equiv="content-type" content="text/html; charset=utf-8">
  8. <link rel="stylesheet" type="text/css" href="css/style.css">
  9. </head>
  10. <body>
  11.  
  12.  <div id="face">
  13.  
  14.   <div id="apps">
  15.  
  16.    <div id="resume">
  17.  
  18.     <a href="#" onFocus="this.blur()"></a>
  19.  
  20.    </div>
  21.  
  22.    <div id="interview">
  23.  
  24.     <a href="#" onFocus="this.blur()"></a>
  25.  
  26.    </div>
  27.  
  28.    <div id="talk">
  29.  
  30.     <a href="#" onFocus="this.blur()"></a>
  31.  
  32.    </div>
  33.  
  34.   </div>
  35.  
  36.  </div>
  37.  
  38. </body>
  39. </html>
..and the CSS..

Expand|Select|Wrap|Line Numbers
  1. body {text-align:-moz-center;text-align:center;color:#ffffff;background:transparent url('../../images/interface/background/bluegradient.png')repeat-x;}
  2. a:link {color:#ff9900;font-family:sans-serif,helvetica;text-decoration:none;font-size:75%;}
  3. a:active {color:#ff9900;font-family:sans-serif,helvetica;text-decoration:none;font-size:75%;}
  4. a:visited {color:#ff9900;font-family:sans-serif,helvetica;text-decoration:none;font-size:75%;}
  5. a:hover {color:#ffffff;font-family:sans-serif,helvetica;text-decoration:none;font-size:75%;}
  6. #face {margin:auto;height:882px;width:917px;background:transparent url('../../images/interface/face/darkoverlay.png')no-repeat;}
  7. #apps {height:100px;padding-top:10px;padding-left:10px;}
  8. #resume {height:100px;width:100px;float:left;background:transparent url('../../images/interface/apps/resume.png')no-repeat;}
  9. #resume a {height:100px;width:100px;display:block;}
  10. #resume a:hover {background:transparent url('../../images/interface/apps/resume.png')no-repeat;background-position:0px -100px;}
  11. #interview {height:100px;width:100px;float:left;margin-left:10px;background:transparent url('../../images/interface/apps/interview.png')no-repeat;}
  12. #interview a {height:100px;width:100px;display:block;}
  13. #interview a:hover {background:transparent url('../../images/interface/apps/interview.png')no-repeat;background-position:0px -100px;}
  14. #talk {height:100px;width:100px;float:left;margin-left:10px;background:transparent url('../../images/interface/apps/talk.png')no-repeat;}
  15. #talk a {height:100px;width:100px;display:block;}
  16. #talk a:hover {background:transparent url('../../images/interface/apps/talk.png')no-repeat;background-position:0px -100px;}
  17. img {border-width:0px;}
Thanks in advance.
Jun 22 '07 #1
1 3454
The answer, to assist others that may run into the same problem, lies within IE7's rendering engine. Apparently IE7 (and in some instances, earlier versions of IE) has a problem rendering elements with background images whos parent and/or child is also plastered with a background image. The hasLayout property can fix the problem. Refer to the link below:

Article: On Having Layout
Jun 22 '07 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

8
by: dmcconkey | last post by:
Hi folks, I have a client with four websites. Each site has a contact form that is identical. They all have "required" fields validated through a JavaScript onSubmit() function. Upon validation,...
2
by: Ravi | last post by:
I have a webpage(with a text field and a button) which prompts for a local file and attempts to load the file in the window if the user clicks on the button. The javascript code onClick event uses...
2
by: Michael | last post by:
All, I have a form send a variable to another page. Based on the variable the page will show a different image. I.E. <form METHOD="POST" ACTION="http://mysite.com/photo.htm"> <input...
14
by: charlie_M | last post by:
Is there a way to blank the screen in a FORM's onsubmit=... to blank the screen for the user?? I asked this before and got a way to blank a table by id with ...
6
by: Melissa | last post by:
Does anyone have a generic procedure for adding blank lines to reports like Sales details, PO details and/or Orders details. The procedure would need to count the number of line items, determine...
4
by: Nhmiller | last post by:
Access seems to always generate a second page, which is blank, to my one page report. How do I delete the second page? Thanks. Neil Cat Paintings At Carol Wilson Gallery...
6
by: noway | last post by:
I have greated a report and have included a page break in it. The report breaks were it is supposed to but then it creates a blank page between the two pages. Since this report will print out...
3
by: Wayne | last post by:
I have a report containing 2 subreports. The subreports each contain a chart. The whole thing easily fits on one page but a second blank page is consistently being generated. This has nothing...
1
by: siomay87 | last post by:
please help i have a problem in the ms access reporting, my report have: page header, detail, page footer and report footer In listing "detail section", the number of line is depend on the data...
4
by: sid | last post by:
"about:blank" oepns new browser window I am writing a webpage that will run on other machines that I may or may not know about. My page is framed where frame1 controls the content of frame2. ...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.