Hmm... I need to find out myself. I don't know what is the right answer. I'll do some research in Google and get back to you if I bump into an answer. You should email the people at iPage as they probably could assist you..
Minor errors and missing tags in the code.
That you might like to correct..
You can ignore all of the errors like:.
Error: there is no attribute "foo" for this element (in this HTML version).
Unless you want to get into CSS..
You haven't yet got a DOCTYPE, Content-Type, Content-Language, Keywords, Description, or any other META tags within the HEAD section...
I'm not sure what you mean. See attahed to clarify, or did I not wait long enough for the page to loead - the loading time is too long, reduce your main image...
It is possible that this is an error that appears in some browsers but not in others. Perhaps it would make things easier if people actually said what browser they have used to view the page, the version number, as well as the screen resolution and colour depth..
There are some.
Missing and wrongly nested tags.
In the code. It may be this that affects the view...
The gap I am refering to is underneath main-image.jpgPhantom phil that is not the gap I am refering too..
I have come to the conclusion that the error is somewhere within the iframe code..
I still don't know exactly what is wrong with that, but that is somehow causing the problem at the bottom..
Your whole page is a mess as far as coding goes, however, here's a quick and very dirty fix that breaks most of the rules:.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">.
<HTML><HEAD><TITLE>*[Outwit - Version 8.0!]*</TITLE>.
<META http-equiv=Content-Type content="text/html; charset=windows-1252">.
SCROLLBAR-FACE-COLOR: #606f6f; SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #606f6f; SCROLLBAR-ARROW-COLOR: #ffffff; SCROLLBAR-TRACK-COLOR: #606f6f; SCROLLBAR-DARKSHADOW-COLOR: #000000.
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>.
<BODY text=#000000 bottomMargin=0 vLink=#203720 aLink=#203720 link=#203720.
BgColor=#9eaaaa leftMargin=0 topMargin=0 rightMargin=0 marginheight="0".
<center><MAP name=FPMap0><AREA shape=RECT target=main.
Shape=RECT target=main coords=239,205,327,219.
Shape=RECT target=main coords=354,204,400,219.
Shape=RECT target=main coords=425,204,473,219.
Shape=RECT target=main coords=498,205,618,219.
Src="[Outwit - Version 8_0!]_files/main-image.jpg" width=740 useMap=#FPMap0.
Border=0></center><SPAN style="LEFT: 55px; POSITION: absolute; TOP: 237px">.
<IFRAME border=0 name=main.
Src="[Outwit - Version 8_0!]_files/outwit-frame.htm" frameBorder=0 noResize.
I stress the same thing I did in my earlier post - your iframe will NOT line up in a screen resolution larger than 800x600!!! And that is a MUCH worse problem!.
Man I just just spent the best part of half an hoir trying to sort that out.....
Nice one and well put Option1... take his advice and get a maid in and clean that mess up... if you are gonna use CSS then learn the rules... and start with keeping all attributes arranged correctly and all in lower case. I hope the previous suggestion works for you... wouldn't it have been easier to center the table than muck round with co-ords?.
I'll have to be faster next time...
Ohhh tricky..... not, if you want to fix that gap then move your iframe up, you set the position in the span tag. I centered it and made it higher..
<SPAN style="LEFT: 52px; POSITION: absolute; TOP: 225px">.
That is what I used, looks better. BUT, you better fix your tag nesting and the reason why you have a big gap at the bottom is because you didn't make you iframe long enough. that is all the background image (which by the way is waaaayyy to big to download for a 56k modem user).
If you want help then you have to at least try some of these peoples suggestions..
Edit: oh wrong gap.
The botom gap after you main image is part of the P tag you used. take the P tag out and it will be fine, add a div tag and align it center with that...