The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> irregular white space at top of page in IE7
elzool
post Nov 30 2006, 12:02 PM
Post #1





Group: Members
Posts: 2
Joined: 30-November 06
Member No.: 1,168



In IE 7, some of my pages are displaying white space at the top of the
page. Some pages show more than others... I cannot seem to figure out
why.

Two examples:
http://labsysgrp.com/contact_us.php
http://labsysgrp.com/newsletters_archived.htm

Anyone have any thoughts?

Thanks!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
John Pozadzides
post Nov 30 2006, 04:13 PM
Post #2


WDG Founder
******

Group: Root Admin
Posts: 529
Joined: 3-August 06
From: Magnolia, TX
Member No.: 2



I've not yet installed IE7, but after taking a look at your source code you do appear to have some incorrectly nested elements. You might want to use the Validator to see where the errors are as they could be the cause of your mysterious white space.

John
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Nov 30 2006, 04:31 PM
Post #3


.
********

Group: WDG Moderators
Posts: 9,650
Joined: 10-August 06
Member No.: 7



I also noticed that even in 900px wide browser windows the white text sections at the top obscure each other.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Peter1968
post Nov 30 2006, 05:42 PM
Post #4


Serious Coder
*****

Group: Members
Posts: 448
Joined: 23-September 06
Member No.: 213



When I edited the comments out of the top section of your page
CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" --><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- InstanceBeginEditable name="doctitle" -->
<title>About Us</title>
<!-- InstanceEndEditable -->


the white space in IE 7.0 went away.

The following code seems to get rid of the white space in IE 7.0.

CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>About Us</title>
<link href="css/print.css" type="text/css" rel="stylesheet" media="print">
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
elzool
post Nov 30 2006, 06:05 PM
Post #5





Group: Members
Posts: 2
Joined: 30-November 06
Member No.: 1,168



thanks for all the tips

What I find odd is that there are 20+ pages, with the same comments in the code that don't have this problem.

These are all generated by a template I created in Dreamweaver. Eight of thirty-five pages are affected.... weirdness.

Maybe if I modify the template file and resave it will affect something...

hopefully not in a bad way
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 17th April 2024 - 10:12 PM