473,323 Members | 1,547 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,323 software developers and data experts.

Somethings don't look right and page won't validate.

Can somebody take a look at this page of my site:

http://jillgordondesigns.com/gallery.html

I'm having several issues and I'm not sure if they're all related or what's going on.

1. In Internet Explorer the divs for #newspaperads and #miscellaneous projects don't open in the same place as the content for the #greeting cards div (see the same page in Safari and Firefox to see the effect I am trying to get)

2. In Safari and Firefox there is a gap between the content and the footer (see all my other pages in all 3 browsers for the desired effect)

3. Page won't validate. The following is the information from the W3C validator that I cannot seem to locate in my code as incorrect to fix.

Validation Output: 4 Errors

1. Error Line 152, Column 7: end tag for "div" omitted, but OMITTAG NO was specified

</body>



You may have neglected to close an element, or perhaps you meant to "self-close" an element, that is, ending it with "/>" instead of ">".
2. Info Line 100, Column 1: start tag was here

<div id="wrapper">

3. Error Line 152, Column 7: Opening and ending tag mismatch: div line 100 and body

</body>


4. Error Line 153, Column 27: Opening and ending tag mismatch: body line 97 and html

<!-- InstanceEnd --></html>


5. Error Line 153, Column 27: Premature end of data in tag html line 2

<!-- InstanceEnd --></html>



I'll continue to add content to this page locally until someone is able to help me fix these problems before sending images that won't be seen by IE users out to the remote site. Thanks in advance for any help
Jul 7 '10 #1

✓ answered by JKing

I just commented out the height. Though values of 600px worked for me.

Are you sure you are refreshing after updates and/or copying the correct files over if you are using FTP?

I just noticed you have both #newspaperads and #miscellaneousprojects nested within #greetingcards. That would account for the divs appearing slightly lower.

10 1738
Dormilich
8,658 Expert Mod 8TB
the XHTML errors originate in a <div> you forgot to close.
Jul 7 '10 #2
@Dormilich
Thanks. I figured out which <div> wasn't closed. The page finally validates now but that didn't solve the issues of the gaps on Safari and Firefox or the <div>s not loading in the appropriate place in IE.
Jul 7 '10 #3
JKing
1,206 Expert 1GB
It looks to me like the gap is being generated because of the fixed heights you have given to some of your divs.

#gallerybackground is set to 600px then stuffed inside it is your #thumbnailscontent with 700px. I believe that is where your 100px gap is coming from. Also note that your #greetingcards is set to 600px but above it is an h2 tag so it really is taking up more space than the alloted 600px from #gallerybackground.
Jul 7 '10 #4
I tried changing the heights of the <div>s you mentioned and the gap is still there in Firefox and Safari. It looks fine in IE other than the fact that #newspaperads and #miscellaneousprojects don't open in the same place as #greetingcards
Jul 7 '10 #5
JKing
1,206 Expert 1GB
I just tested changing the heights myself and it worked for me. I commented out the height line in your css as shown below.
Expand|Select|Wrap|Line Numbers
  1. #thumbnailscontent {
  2.     position: relative;
  3.     /*height: 700px;*/
  4.     width: 75%;
  5.     float: right;
  6. }
  7.  
What version of IE are you using? The divs appear the same for me using IE 8.
Jul 7 '10 #6
What height did you make #thumbnails content? I tried making it 600px so it was the same as the #gallery content and that didn't work. I also tried making #gallery 800px to allow extra room for everything and I still had the gap. I even thought about my margins and changing those didn't help either.

Perhaps the <div>s not loading in the same spot has to do with screen size? I too have IE 8 on my PC and I also tested on IE for Mac version 5.2. Both versions show #newspaperads and #miscellaneousprojects launching lower and further to the right than #greetingcards does.

As you say it loads fine for you, do you recommend adding the rest of the content and releasing my site to the public as is?
Jul 7 '10 #7
JKing
1,206 Expert 1GB
I just commented out the height. Though values of 600px worked for me.

Are you sure you are refreshing after updates and/or copying the correct files over if you are using FTP?

I just noticed you have both #newspaperads and #miscellaneousprojects nested within #greetingcards. That would account for the divs appearing slightly lower.
Jul 7 '10 #8
Thank you for your help JKing. I did manage to get rid of the gaps in all browsers.

I do indeed have those three divs nested simply because I could not recall/locate clear instructions as to how to have multiple divs hide/show in the exact same location. I used the only XHTML I knew to position those divs. They do open close enough together to appear the same in Safari and Firefox. As I said for some reason on my 2 computers IE opens them more than "slightly" lower.
My content can be seen but it requires much scrolling down and right.
Jul 7 '10 #9
JKing
1,206 Expert 1GB
You may have missed what I said. I think your intention is to nest #greetingcards, #newspaperads and #miscellaneousprojects inside #thumbnailcontent but #newspaperads and #miscellaneousprojects have both been nested inside #greetingcards which is then nested in #thumbnailcontent this does create about a 10px gap in display position.

Also you may want to have a look at this link CSS Display and Visibility
Jul 7 '10 #10
Thank you, JKing. It works perfectly now. I still have the 10px jog but it's hardly noticeable versus the problem I first posted about. I appreciate all your help. Thank you for taking the time to respond to my issues.
Jul 8 '10 #11

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

Similar topics

19
by: Pete | last post by:
I have form/select which executes a function using onchange. No problem. However, when I validate the page with a strict HTML 4.01 doctype at http://validator.w3.org, it demands either an action or...
1
by: Unknown User | last post by:
I just put an iframe in my page, but now the page doesn't validate. I guess I'm using legacy code: <iframe src="produtos.html" id="show-hide" frameborder="0" scrolling="no"></iframe> If I...
11
by: Pete Wilson | last post by:
Hi folks -- The page at http://www.pwilson.net/submit-demo.html will not validate. The validator at http://validator.w3.org tells me I can't have an input inside a form. Would some kind...
4
by: ØvêrÇloçkër | last post by:
Hi, I have been trying to validate an xhtml 1.0 transitional page with the W3C Markup Validater. After making all corrections and validating the css, the validater still says the page is not...
7
by: Lubo¹ ©lapák | last post by:
Hi, I have a login page and after click on button Login I check username and password and if it is correct, i want load page, which was there before Login page. How can I do it? In javascript it...
2
by: Paul | last post by:
Can anyone tell me how I can perfor client side validation in javascript on a form in an aspx page. All the scripts I use to use in classic asp dont seem to stop the submision of the form. Is...
8
by: tshad | last post by:
I get the following message from one of my buttons where I have CauseValidation=false. Page.IsValid cannot be called before validation has taken place In my routine I need to do: if Not...
23
by: codefire | last post by:
Hi, I am trying to get a regexp to validate email addresses but can't get it quite right. The problem is I can't quite find the regexp to deal with ignoring the case james..kirk@fred.com, which...
3
by: sheeeng | last post by:
Hi all, I know that we can check for invalid file name characters as shown at http://www.codeproject.com/useritems/reallyusefulpath.asp. But how can we check a string for invalid file name...
0
by: Fresno Bob | last post by:
I get the following very intermittant error. System.Web.HttpException: Unable to validate data. at System.Web.Configuration.MachineKeySection.GetDecodedData The form encoding type is for...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

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.