Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

gapping

Status
Not open for further replies.
Andale

Andale

Technical User
Feb 20, 2009
8
US
umm...if this shows up twice then sorry.
I don't see it, and i don't think i hit the submit button.

anyway. I'm not really a regular to website building so if you see something stupid point it out.
Like this one:
Why is my site gapped at the top in FF but not IE?
Can I fix it without a rebuild?

I'll post any relevant html or css files if asked
 
Sort by date Sort by votes
Your document is malformed. You need a doctype, then a <html> block which must contain a <head> and a <body>. When you have fixed these errors go to and fix any errors that show up there. When that is OK come back and post again with any remaining issues.

If you want the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
 
Upvote 0 Downvote
I second johnw.
Its going to be hard to debug it if the page is missing components that may contribute to the way it is displayed in different browsers, namely the doctype.




----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
 
Upvote 0 Downvote
ok, i see what your saying here so i went thru my pages
the following
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xml:lang="en" xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">

is curently not placed on the "Places" and "People" pages and in IE they are the only ones set tightly and menu to the left, in FF they are all gapped and menu to the right.
As for the link above to check for errors I get 126 from the main page but only 7 from "Places" and "People" where the code is not placed.
Could it be I've changed things so much that the original heading has become the problem?
 
Upvote 0 Downvote
Actually, the errors in john's link are mostly due to the lack of doctype.

As it explains in the first error, it doesn't know what to check it against since there is no doctype.

Once the doctype is added it can check against the rules for that particular type, and finds a whole lot more errors.

Additionally the last error refers to the lack of an opening <html> tag at the beginning of the page.

We'd need to see what the validator comes up with after adding the missing bits and pieces, so we can help you correct them. Once that's done we can see if the gap still remains or if its gone.





----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
 
Upvote 0 Downvote
okay. I'm going through right now and trying to edit all my issues. I was using a !DOCTYPE with xhtml but i realized that since a good portion of the site had been built by a 'wizard' I should think to get that one instead of the validator sites first suggestion. Turns out it was:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xml:lang="en" xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml"[/URL] lang="en"><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
So I threw that on and went from 78 to 79 errors. I thought "cool, I've been knockin these errors out easy, glad that only added one".
BUT, my first three errors from my newest validation:
are right there in the newest !DOCTYPE.
I got some dishes and laundry to do so I'll be back in a few hours to see if there's any suggestions. This way anyone looking will know I'm not currently screwing with it.
Once I get back to this in a few hours I'll just start cleaning up the rest of the errors.

AIM: AndaleTheGreat if anyone needs me more directly.
 
Upvote 0 Downvote
hooooooray!! 3 errors!!
I just went nuts and tore out most of the stuff causing errors and edited a few things i was unaware would become errors.
That validation site + HTML-Kit have been fantastic.
Thanks a lot John for pointing me there.


Now that I've corrected all these errors I still have this GAP occurring. if nothing is to be done then I'll just fill it with something, I have some ideas of putting text there and photoslides on the top or something.
Also, in this process its made it so that in IE the menu (on right) shifts down 20~25 pixels. I'd like to get it even with the top whether the gap gets fixed or not.
 
 http://127.0.0.1:9595/Photos_weddings.htm
Upvote 0 Downvote
The gap appears because your #container has 30px margin on top.

And remember, if your coding style or your editor cause you too many issues with a doctyle like XHTML transitional, you can still use a less restrictive one, like HTML 4.01 transitional. As long as you use a complete and valid doctype, your page will render in standards mode.

Finally, try getting Firebug addon for Firefox. This will allow you to see which styles apply to each element and where they come from. It makes debugging much simpler.

[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]
 
Upvote 0 Downvote
i've tried adjusting all the margins but it doesn't seem to fix it, only completely corrupt the setup

also, firebug identifies that part as being ONLY in the div "container" and nothing else
 
Upvote 0 Downvote
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top