Jump to content

Layout Issues


Recommended Posts

I have this looking perfect but for some reason it's off some in firefox and opera, can anyone help me figure this outHereIn Firefox and Opera there are some issues, it doesn't align right, the background color doesn't stick ex cetera, it's 100% perfect in ie, but looks horrible in the others, any advice??

body /* Sets the body for the page, and background picture */{	background-image: url(images/BG_COLOR_BLUE2GRAY.jpg);	text-align:center;}/* Begin section, everything in this section sets the general format and allowsthis sets the top areas, and formatts the main section for body content */#mastertopdiv{	clear:both;}#mainnav{float:left;}/* Everything in this section is related to displaying the actual content sections of the webpage */#content{	float:left;}#masterpagediv{	background-color:#FFFFFF;	width:800px;}/* top loan */#loanamountleft{	float:left;	font-weight:bold;}#loanamountright{	float:left;	font-weight:bold;	margin-left:30px;}#loanamount{	margin-left:80px;	clear:both;	margin-bottom:30px;}/* end top loan *//* Section 1 */#section1{	margin-left:80px;	clear:both;}#section1left{	float:left;}#section1right{	float:left;	margin-left:110px;}/* End Section 1 *//* Section 2 */#section2{	margin-left:80px;	clear:both;}#section2left{	float:left;}#section2right{	float:left;	margin-left:110px;}/* End Section 2 *//* Section 3 */#section3{	margin-left:80px;	clear:both;}#section3left{	float:left;}#section3right{	float:left;	margin-left:110px;}/* End Section 3 *//* Section 4 */#section4{	margin-left:80px;	clear:both;}#section4left{	float:left;}#section4right{	float:left;	margin-left:110px;}/* End Section 4 *//* Section 5 */#section5{	margin-left:80px;	clear:both;}#section5left{	float:left;}#section5right{	float:left;	margin-left:110px;}/* End Section 5 *//* Section 6 */#section6{	margin-left:80px;	clear:both;}#section6left{	float:left;}#section6right{	float:left;	margin-left:110px;}/* End Section 6 */

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>	<!-- I did this page of the site in CSS div/span tags instead of tables. -->	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />	<meta name="Description" content="BE THE BROKER offers mortgages, home equity	loans with low rates and personal service all in a secure and private online	environment. Pick you own rate for a flat fee.  Refinancing for existing loans	and home loans. Their mortgage rates include no lender costs or origination 	fees, and you can get a free credit score to check your rating." /> 	<meta name="Keywords" content="broker, mortgage broker, home loan broker,	mortgage rates, mortgage calculator, loan, home loans, home financing, loan	calculator, home equity loans, 125% home equity loans, credit cards, free 	credit report, credit report, mortgage, home mortgage, mortgage refinancing,	mortgage loan, mortgage broker, mortgage company, second mortgage, interest	rate, equity loan, online credit report, mortgage financing, home financing,	home equity, california mortgage, california lender, california home loans,	california mortgage brokers" /> 	<meta name="author" content="Joyel Puryear [url="http://www.freelancebusinessman.com""]http://www.freelancebusinessman.com"[/url]	/>	<!-- BE THE BROKER offers mortgages, home equity	loans with low rates and personal service all in a secure and private online	environment. Pick you own rate for a flat fee.  Refinancing for existing loans	and home loans. Their mortgage rates include no lender costs or origination 	fees, and you can get a free credit score to check your rating. -->	<!-- broker, mortgage broker, home loan broker,	mortgage rates, mortgage calculator, loan, home loans, home financing, loan	calculator, home equity loans, 125% home equity loans, credit cards, free 	credit report, credit report, mortgage, home mortgage, mortgage refinancing,	mortgage loan, mortgage broker, mortgage company, second mortgage, interest	rate, equity loan, online credit report, mortgage financing, home financing,	home equity, california mortgage, california lender, california home loans,	california mortgage brokers -->	<!-- Joyel Puryear [url="http://www.freelancebusinessman.com"]http://www.freelancebusinessman.com[/url] -->	<link rel="stylesheet" type="text/css" href="betterchoiceloans.css" />	<title>Today's Rates</title>	<!-- THIS SECTION IS NOT MY WORK, it is something that was there on the site	previously -->	<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script></head><body>	<div id="masterpagediv">	<div id="mastertopdiv">	<div id="logo"><script type="text/javascript">	AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','779','height','90','title','HOME','src','TOP-FLASH/home','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','TOP-FLASH/home' ); //end AC code</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="779" height="90" title="HOME">      <param name="movie" value="TOP-FLASH/home.swf" />      <param name="quality" value="high" />      <embed src="TOP-FLASH/home.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="779" height="90"></embed>    </object></noscript></div>	<div id="belowlogo"><script type="text/javascript">AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','779','height','150','title','BANNER','src','HOME_BANNER/homebanner-2','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','HOME_BANNER/homebanner-2' ); //end AC code</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="779" height="150" title="BANNER">      <param name="movie" value="HOME_BANNER/homebanner-2.swf" />      <param name="quality" value="high" />      <embed src="HOME_BANNER/homebanner-2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="779" height="150"></embed>    </object></noscript>	</div>	</div>	<div id="bottomwrap">	<div id="mainnav"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="175" height="400" title="Side_Nav">          <param name="movie" value="side_nav.swf" />          <param name="quality" value="high" />          <embed src="side_nav.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="175" height="400"></embed>        </object></div>	<div id="content">	<div><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="579" height="242" title="Featured">                  <param name="movie" value="Featured-products/featured.swf" />                  <param name="quality" value="high" />                  <embed src="Featured-products/featured.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="579" height="242"></embed>				  <!-- END of the section that I did not do -->                </object></div>				<div>				<!-- Begin top of content -->				<div id="loanamount">				<div id="loanamountleft">Loan Amount Up To $417,000</div>				<div id="loanamountright">Loan Amount Over $417,000</div>				</div>				<!-- End top of content -->				<!-- Begin Section 1 -->				<div id="section1">				<div id="section1left">				<p>Data displayed here</p>				</div>				<div id="section1right">				<p>Data Displayed Here</p>				</div>				</div>				<!-- End Section 1 -->				<!-- Begin Section 2 -->				<div id="section2">				<div id="section2left">				<p>Data displayed here</p>				</div>				<div id="section2right">				<p>Data Displayed Here</p>				</div>				</div>				<!-- End Section 2 -->				<!-- Begin Section 3 -->				<div id="section3">				<div id="section3left">				<p>Data displayed here</p>				</div>				<div id="section3right">				<p>Data Displayed Here</p>				</div>				</div>				<!-- End Section 3 -->				<!-- Begin Section 4 -->				<div id="section4">				<div id="section4left">				<p>Data displayed here</p>				</div>				<div id="section4right">				<p>Data Displayed Here</p>				</div>				</div>				<!-- End Section 4 -->				<!-- Begin Section 5 -->				<div id="section5">				<div id="section5left">				<p>Data displayed here</p>				</div>				<div id="section5right">				<p>Data Displayed Here</p>				</div>				</div>				<!-- End Section 5 -->				<!-- Begin Section 6 -->				<div id="section6">				<div id="section6left">				<p>Data displayed here</p>				</div>				<div id="section6right">				<p>Data Displayed Here</p>				</div>				</div>				<!-- End Section 6 -->				</div>				</div>	</div>	</div></body></html>

Link to comment
Share on other sites

When i tried to view the link i got an errorParse error: parse error, unexpected '=' in /home/content/d/l/i/dlidgi/html/todaysrates.php on line 94

In Firefox and Opera there are some issues, it doesn't align right, the background color doesn't stick ex cetera, it's 100% perfect in ie, but looks horrible in the others, any advice??
I would use either FF or Opera when doing my layout then patch it up for IE, not the other way about.
Link to comment
Share on other sites

I got all the issues fixed, and that error was me starting my database calls. I fixed that, but yes people have told me, get it in ff and opera, then ie, what I am going to do however, is get it in all 3 from now on, I do half the layout test in all, and get it right as I go, I figured these out with some quick searches on google, I am starting to learn the affects of various issues from all the problems I encounter with it.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...