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 Westi on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Positioning Div elements and browser compatibility

Status
Not open for further replies.
okiiyama

okiiyama

IS-IT--Management
Jan 3, 2003
269
US
In IE looks fine and dandy. On a PC in firefox, its almost right. On a mac, the page is ugly.

The website is hosted elsewhere and we update the page through "EditLive". The only part we can edit is middle of the page... We don't see or touch the side navigation menu or the top navigation menu.

Anyways, Either the host or EditLive has placed restrictions on what can be used. I can't use Javascript or a style sheet. iFrames cause problems, and unfortunatly I need to use one. iFrames cause whatever code that is below it to not be recognized or read. So I am using div tags and have the iFrame div tag at the bottom of the code. All the div tags have position: absolute. I've defined top, left, height, and width for all of my div tags. In order for look (at least) Okay in (preferably) all browsers, what do I need to change in my code?
as a note: Since I can only edit the middle area, I don't have control over doctype, html tag, head tag, or body tag. Also as I said I can't use Javascript, but there are a couple javascripts in the code to display a couple of ads. And the "<span class="captionblack">QuickSearchForm</span>" is a form that gets inserted..I don't know how though. All I need to do is supply the "<span..... QUickSearchForm</span>."

Hopefully someone can Help, Thanks.
Code: 
	<div id="topAd" style="position: absolute; left: 143px; top: 114px; width: 485px; height: 177px;">
		 <script type="text/javascript">
        	document.write(gethpAd_40());   
    	</script>
	</div>
	<div id="QuickSearchForm" style="position: absolute; left: 636px; top: 114px; width: 129px; height: 256px; vertical-align: top;">
		<span class="captionblack">QuickSearchForm</span>
	</div>
	<div id="ReturningCustomerForm" style="position: absolute; left: 636px; top: 369px; width: 129px; height: 120px;">
		<form name="login" action="[URL unfurl="true"]http://www.edinarealty.com/Account/CustomerLogin.aspx"[/URL] method="post">
						<input type="hidden" value="login" name="formSubmit" xmlns:msxsl="urn:schemas-microsoft-com:xslt">
						</input>
						<input type="hidden" value="/account/customerhome.aspx" name="security/referer">
						</input>
						<input type="hidden" value="no" name="security/emailpass">
						</input>
						<input type="hidden" name="security/persist">
						</input>
						<table cellpadding="0" cellspacing="0" border="0" bgcolor="#b2b2b2">
							<tr>
								<td  bgcolor="#b2b2b2">
									<img src="[URL unfurl="true"]http://edinaimages.fnistools.com/images/uploads/teams/101255/content/205089/ReturningVisitor2.jpg"[/URL] border="0"></img>
								</td>
							</tr>
							<tr>
								<td>
									<table cellpadding="2" cellspacing="0" bgcolor="#ffffff">
										<tr>
											<td  bgcolor="#b2b2b2">
												<font style="font-family: Arial; font-size: 9px; color: #000000;">
												<b>E-mail Address:</b></font><br class="break" />
												<input type="text" maxlength="120" size="16" name="security/loginname" style="FONT-SIZE: 10px">
												</input>
											</td>
										</tr>
										<tr>
											<td  bgcolor="#b2b2b2">
												<font style="font-family: Arial; font-size: 9px; color: #000000;">
												<b>Password:</b></font><br class="break" />
												<input type="password" maxlength="16" name="security/password"  style="FONT-SIZE: 10px">
												</input>
											</td>
										</tr>
										<tr bgcolor="#b2b2b2">
											<td align="left">
												<a href="[URL unfurl="true"]http://www.edinarealty.com/Account/CustomerLogin.aspx?Cookies=Enabled&amp;Referer=%2fAccount%2fCustomerHome.aspx#SignUp"[/URL] style="text-decoration: none;"><span style=" font-family: Arial; color: #cc0000; FONT-SIZE: 9px; text-decoration: underline;">FIRST TIME VISITOR</span></a>
											</td>
										</tr>
									</table>
								</td>
							</tr>
							<tr>
								<td bgcolor="#ffffff">
									<input type="image" alt="Login" src="[URL unfurl="true"]http://edinaimages.fnistools.com/images/uploads/teams/101255/content/205089/login.jpg"[/URL] name="Login" border="0">
									</input>
								</td>
							</tr>
						</table>
						</form>
	</div>
	<div id="links" style="position: absolute; left: 158px; top: 314px; width: 194px; height: 250px;">
		<table cellspacing="0" cellpadding="0" border="0" style="width: 27px; height: 250px">
    		<tr>
    			<td><a href="[URL unfurl="true"]http://www.edinarealty.com/Listing/ListingSearch.aspx?ListingType=1"><img[/URL] src="[URL unfurl="true"]http://edinaimages.fnistools.com/images/uploads/recos/15000/content/252896/PropFinder.jpg"[/URL] border="0" alt="Property Finder"/></a></td>
    		</tr>
    		<tr>
     			<td><a href="[URL unfurl="true"]http://www.edinarealty.com/Listing/ProcessJumpSearch.aspx?JumpSearch=15009"><img[/URL] src="[URL unfurl="true"]http://edinaimages.fnistools.com/images/uploads/recos/15000/content/252896/OpenHouses.jpg"[/URL] border="0" alt="Open Houses"/></a></td>
    		</tr>
    		<tr>
     			<td><a href="[URL unfurl="true"]http://www.edinarealty.com/Consumer/agentsearch/AgentSearch.aspx"><img[/URL] src="[URL unfurl="true"]http://edinaimages.fnistools.com/images/uploads/recos/15000/content/252896/AgentFinder.jpg"[/URL] border="0" alt="Agent Finder"/></a></td>
    		</tr>
    		<tr>
     			<td><a href="[URL unfurl="true"]https://www.homeservicesmortgageonline.com/LoanWizard/"><img[/URL] src="[URL unfurl="true"]http://edinaimages.fnistools.com/images/uploads/recos/15000/content/252896/GetALoan.jpg"[/URL] border="0" alt="Get A Loan"/></a></td>
    		</tr>
	 		<tr>
     			<td style="height: 30px">
      				<p align="left"><font face="Verdana"><a href="[URL unfurl="true"]http://www.edinarealty.com/Consumer/Content/Forms/CMA.aspx"><img[/URL] src="[URL unfurl="true"]http://edinaimages.fnistools.com/images/uploads/recos/15000/content/252896/whatsyourhome.gif"[/URL] border="0" alt="What's Your Home Worth"/></a>&nbsp;</font></p>
     			</td>
    		</tr>
    		<tr>
     			<td style="height: 30px">
      				<p align="left"><a href="[URL unfurl="true"]http://www.edinarealty.com/Consumer/Content/Forms/CMA.aspx"><img[/URL] src="[URL unfurl="true"]http://edinaimages.fnistools.com/images/uploads/recos/15000/content/252896/nationalProp.gif"[/URL] border="0" alt="National Property Search"/></a></p>
    			</td>
    		</tr>
    		<tr>
     			<td style="height: 30px">
      				<p align="left"><a href="[URL unfurl="true"]http://www.edinarealty.com/Account/CustomerLogin.aspx?Cookies=Enabled&amp;amp;Referer=%2fAccount%2fCustomerHome.aspx#SignUp"><img[/URL] src="[URL unfurl="true"]http://edinaimages.fnistools.com/images/uploads/recos/15000/content/252896/propFinder.gif"[/URL] border="0" alt="Property Finder Alert"/></a></p>
     			</td>
   			</tr>
   		</table>
	</div>
	<div id="bottomAd" style="position: absolute; left: 378px; top: 506px; width: 384px; height: 80px;">
		<script type="text/javascript">
             document.write(gethpAd_41());   
        </script>
	</div>
	<div style="position: absolute; left: 378px; top: 314px; width: 250px; height: 161px;">
		<iframe src="[URL unfurl="true"]http://forms.edinarealty.com/dexma/dexma/Rates.cfm"[/URL] name="RatesFrame" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" style="width: 250px; height: 161px;" /></iframe> 										
	</div>
 
Sort by date Sort by votes
I'd find a decent host, simple answer.
get hosting else where, and build the site properly, so you have control over the code, layout etc.

----------------------------------------
Sometimes, when my code just won't behave, I take it outside and make it listen to britney spears music, and when it comes back it's really well behaved. I wonder if it's suffering from post tramatic stress syndrome now..
 
Upvote 0 Downvote
Valid doctype?... that is out of my control. Finding a new host, that is out of my control too. So pretty much I've got a hard place to my right, and a rock to my left.
 
Upvote 0 Downvote

The DOCTYPE may be out of your control, but the question was do you have a valid one, not can you change it. It would make a difference to the appearance of your page, and would probably alter the responses given.

However, I agree with DaRNCaT - find a better, less restrictive host.

Dan


[tt]D'ya think I got where I am today because I dress like Peter Pan here?[/tt]
[banghead]

 
Upvote 0 Downvote
I don't believe there is a doctype being used; at least I didn't see it when I viewed the source code. Could it still be there somewhere? There is a <meta Doc-Type but that is = "Web Page"... Here is what is at the top of the code:
Code: 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<html>
<head>
<title>
	Edina Realty
</title>
<meta name="author" content="info@edinarealty.com"></meta><meta name="reply-to" content="info@edinarealty.com"></meta>
<meta name="resource-type" content="document" />
<meta name="classification" content="Business and Economy" />
<meta name="rating" content="General" />
<meta name="distribution" content="Global" />
<meta name="MSSmartTagsPreventParsing" content="TRUE" />
<meta name="robots" content="ALL" />
<meta name="language" content="English" />
<meta name="doc-type" content="Web Page" />
<meta name="doc-class" content="Completed" />
<meta name="doc-rights" content="Copywritten Work" />
<meta http-equiv="Content-Language" content="EN" />
<meta name="revisit-after" content="15 days" />
<meta http-equiv="Expires" content="+1 days" />

I agree with finding another host and I've expressed how I feel about the limitations to my bosses, but all I really can do is make do with what I can do, even if it looks like.... *doo-doo*.
 
Upvote 0 Downvote
If this is the beginning of your web documents, you need to express your concerns with the improper code. Brush up on doctypes and let the host know that their code is bad and causes cross browser problems. If they will listen to you, then they will reinstate a proper doctype and fix their code and hopefully, most of your problems will go away. If they don't listen, I will have to agree with both users before me == GET A BETTER HOST.
 
Upvote 0 Downvote
So... There's no magic fairy dust to fix this?

Thanks for everyone's advice. I appreciately much.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
815
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
223
lmcate
lmcate
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
693
PeDa
PeDa
tyutghf
  • Locked
  • Question
Slanted divs
Replies
0
Views
657
tyutghf
tyutghf

Part and Inventory Search

Sponsor

Back
Top