HTML & CSS
Here is my html code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Language" content="en"/>
<title>Search Corona del Mar Real Estate</title>
<link type="text/css" rel="stylesheet" href="css/mapsearch.css" media="screen,projection,tv"/>
<div class="txtright">This search engine echos the CRMLS (California Regional Multiple Listing Service) system which is the largest MLS in the United States. We display the latest listing information before it is <em>"pushed"</em> out to all of the vendors nationwide. Select a <em>price range, bedrooms, and property type.</em> This will display house icons on the screen. At the bottom of the map you will see "Expand Map." There is a <em>Map View, List View and Gallery View.</em> You can save searches or set up eMail alerts to be notified of new listings. This particular page is a custom map search set for <font color="#39FF68" font size="3%"><em>Corona del Mar in Newport Beach.</em></font>
<li><a href="http://www.propertieswithstyle.com" title="HOME PAGE">RETURN TO OUR HOME PAGE</a> <br />
MICRO COMMUNITY SEARCH
<li><a href="http://www." title="CAMEO SHORES">CAMEO SHORES</a></li>
<li><a href="http://www.com" title="EVENING CANYON">EVENING CANYON</a></li>
<li><a href="http://www." title="FLOWER STREETS">FLOWER STREETS</a></li>
<li><a href="http://www." title="HARBOR VIEW HOMES">HARBOR VIEW HOMES</a></li>
<li><a href="http://www." title="IRVINE TERRACE">IRVINE TERRACE</a></li>
<li><a href="http://www." title="PELICAN POINT">PELICAN POINT</a></li>
</div><!--eND of Nav-->
<iframe width="880" height="1200" background-color:#F999" src="http://www.searchpoint.net/Search/mapSearch.aspx?_account=idd&_new=1&org_id=carets&agent_public_id=SSCHRRIC_socal&sponsor_office_id=H631_SOCAL&master_uid=DDA3E921-85C2-488C-8B79-DA50DB9D19BA&criteria=<Search><OrgId>carets</OrgId><NELat>33.61304676018744</NELat><NELong>-117.8405570983887</NELong><SWLat>33.5843072580453</SWLat><SWLong>-117.88999557495118</SWLong><LocationType>zip%20code</LocationType><MidLat>33.5986770091164</MidLat><MidLong>-117.86527633667</MidLong><Zoom>14</Zoom><SearchType>1</SearchType><PolygonType>zip</PolygonType><LocationType>zip%20code</LocationType><Location>92625%20(Zip%20Code)</Location><MinPrice>500000</MinPrice><MinBeds>2</MinBeds><MinBaths>2</MinBaths><MinSqFt>1400</MinSqFt><Status>A,B</Status><oper_in_misearch_features_2>OR</oper_in_misearch_features_2><oper_in_misearch_features_3>OR</oper_in_misearch_features_3><RESPropertyType>SFR,CON</RESPropertyType><Features></Features></Search><p>Your browser does not support iframes.</p>
Properties With Style Inc., a Real Estate Corporation©. Data content displayed on this site is deemed reliable but is not guaranteed accurate by the MLS's or their Associations. Information of sellers and others have not been verified. Data maintained by the Associations or their MLS's may not reflect all real estate activity in the market. DRE License: 01408382.
CSS FOOTER CODE:
This happened once before but I can't remember how I fixed it.
Is there a demo of this page as it's very hard to determine the problem without been able to see the source in action.
Unfortunately there is not.
The page on my site is different than this one - I think?
Maybe I'll go check . . . wait one . . . yep it's got junk code that I have since deleted.
I find if I add this at the END of the iframe code . . . </Search>"> then the foorter shows up and the search in the iframe still works???
What the heck is going on here . . ?
Thanks . . . Rick
That would be correct. You've got that ugly a-- src= attribute on the iframe element open tag that doesn't get closed, and what you added closes it. My guess if the src attribute is incorrect (it should either go right after the criteria= or after the </p> before the </iframe>).
Thanks Dave . . . I'll check it out.
OK . . . I placed the closing like this . . .
</Search><p>Your browser does not support iframes.</p"> </iframe>
. . . and it words well.
Not sure what is really right but I'll leave it that way for now.
Thanks again . . . Rick
I don't believe that would be correct; it is interfering with the closing P tag it probably actually goes before the P element and certainly NOT like: </p">
Forgetting the proprietary markup in the example above the generic hideous IFRAME element usually takes the form:
<iframe src="http://example.com/xyz"><p><!-- Cannot view iframe text --></p></iframe>
There are also other pretty "mixed up" errors on the page but they aren't to do with the footer disappearing.
Robert - whats is the difference between framset and iframes? (I looked at your page)
And, what other "mixed up" errors can you identify for me?
I'm really trying to clean this html up before I use it to set new identical pages with different searches.
See www.propertieswithstyle.com and navigate to the CORONA DEL MAR MAP SEARCH PAGE
Thanks . . . Rick
The Frameset is a seriously outdated design method; creating frames or panes that could have multiple views within a browser window; each frame is a separate page. Whereas the Frameset is the container page but you don't actually see the contents of the Frameset page assuming the browser supports frames, which all the big five mainstream browsers can.
Whereas the IFRAME was a poorly designed and unsecured concept created by Microsoft in the Browser Wars to create an inline frame 'subwindow' within the main document. The OBJECT usually is considered the correct method for 'embedding objects' with such content inside a page.
Getting back to the anomalies (on the demo posted here only) since you have chosen IFRAME the document should be Transitional not Strict and have the namespace upon the HTML element. Then there is an erroneous FONT and size unit. The UL is also malformed - I am not sure what you were after there.
The IFRAME (excluding those proprietary tags) and the faulty SRC string, which I showed corrected in #7, i.e. how the P element should have been placed, etc.
Also the IFRAME has an erroneous CSS value appearing for the background colour most likely a style attribute was missing.
xhtmlcoder . . . you said . . .
"The OBJECT usually is considered the correct method for 'embedding objects' with such content inside a page."
I looked this up on W3c and then tried it in a blank.html page. (See below)
Here is what I did . . .
I do not know how to run this search like this.
I OBJECT can be used in lieu of iframe?
How does this work?
see www.propertieswithstyle.com/CORONA DEL MAR MAP SEARCH
can OBJECT be used on this page with it present content?
I cannot tell actually you how that embed page itself functions but if it were just a case of embedding the independent page using OBJECT the above would basically use this format:
<object width="880" height="1200" style="float:right" data="http://www.searchpoint.net/[...]</Search>"><p>Fallback message.</p></object>
I've not added all that full search string to save space in the post but with OBJECT you use data NOT src and " is supposed to go after the string, and before the > in the opening OBJECT tag as I have here in the example above using the generic format: <object data="..."><p><!-- Fallback --></p></object>
I couldn't get this to work until I discovered this:
<object type="text/html" frameborder="0" width="880" height="1200" style="float:right"
Once I placed the type="text/html" in the object statement it worked well.
Now my question to you all is this, should I use Object or iframe, and why?
Also - can I use CSS and ALL it's abilities to manipulate an Object?
Even though I have frameborder = "0" there is still a border around the object. I would rather not have a border.
The <object> seems easier to work with than the iFrame - true?
Looking forward to seeing your comments.
Yes sometimes you may require the mime type with the OBJECT though it doesn't have the frameborder attribute. The OBJECT is a replaced element so you cannot really alter the content as that's the embedded object but you could apply a border value, so think of it a little like an IMG.
When I use the iframe for a scr="http etc., the search loads much faster than when I use <object . . . data="etc.
At times the object remains blank and the data=" etc (my url) does not load at all.
I don't find an onLoad or any similar attribute for <object>.
Thanks . . . Rick
What is mime type and do I need it for a successful url deployment within <object?
I looked it up on W3c but didn't quite understand it.
The mime is only suggestive and since that page you were embedding was mainly a normal HTML text/html page rather than say a embedded Java or Flash object thus 'text/html' would be the most apt. If it's not loading occasionally you might still have a few syntax typos like before interfering.
This topic is now closed. New replies are no longer allowed.