Yahoo Site Builder and Google Chrome

Forum Moderators: open

Message Too Old, No Replies

Yahoo Site Builder and Google Chrome

I hope to rebuild this site

Ben502

1:58 pm on Aug 21, 2010 (gmt 0)

A small company here in town that i do business with on a personal level has a site that they built with Yahoo Site builder (it is a massage place...they keep me walking after i injured my back...getting old is lame). They discovered recently that the black background in their header and footer (or that is what i am going to call them) is not showing up in Google Chrome or on a Mac. It works fine with IE8 and Firefox (have not checked it yet in IE7)

Is there a problem with yahoo site builder and Chrome.

my ultimate hope is they just let me rebuild the site as validators simply laugh at it.

the site is (if you are curious)
www.apexmassage.net

Thanks Gents!

tedster

3:33 pm on Aug 21, 2010 (gmt 0)

Hello Ben502 - welcome to the forums.

Any automated site builder I've looked at generates bad code, and every browser has to have error recovery routines built in to deal with bad code. So what you are seeing is a limit in Chrome's error recovery.

Chrome's rendering engine is a version of Webkit, the same one used by Safari. From what I can see, Safari (pc version) chokes on this page too, but it's even worse.

I'll bet there is a way to use Yahoo Sitebuilder and get the effect they want on a wider variety of browsers - but a full recode is probably the best way to go. I once tried to help a friend with a GoDaddy site built on their wysiwyg tool. I soon convinced her to spring for a different plan where I could rewrite the code.

Ben502

5:18 pm on Aug 21, 2010 (gmt 0)

i figured it would be something like that. now let's see if i can convince them to let me rebuild the page.

Many thanks!

birdbrain

7:04 pm on Aug 21, 2010 (gmt 0)

Hi there Ben502,

I figured it would be something like that.
Now let's see if I can convince them to let me rebuild the page.

Show you friend this example - ( hand coded in Notepad ) - it may help the process. ;)


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
 "http://www.w3.org/TR/html4/strict.dtd"> 
<html lang="en"> 
<head> 
 
<base href="http://www.apexmassage.net/"> 
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<meta name="language" content="english">  
<meta http-equiv="Content-Style-Type" content="text/css"> 
  
<title>Apex Massage Louisville</title> 
 
<style type="text/css"> 
* { 
 padding:0; 
 margin:0; 
 list-style-type:none; 
 } 
body { 
 font-family:verdana,sans-serif; 
 font-size:100%; 
 } 
#container { 
 width:1000px; 
 padding-top:27px; 
 margin:auto; 
 background-color:#000; 
 background-image:url(sitebuilder/images/APEX_LOGO__1-180x215.png); 
 background-repeat:no-repeat; 
 background-position:164px 32px; 
 } 
#address { 
 width:518px; 
 margin:0 0 61px 352px; 
 font-family:verdana,sans-serif;  
 font-style:normal; 
 color:#fff; 
 text-align:center; 
 } 
#address #name { 
 line-height:1.6; 
 font-size:375%; 
 font-weight:bold; 
} 
#address .line { 
 line-height:1.6; 
 font-size:125%; 
 font-weight:bold; 
 } 
#image-links { 
 padding:15px 0; 
 border-right:1px solid #797979; 
 border-left:1px solid #797979; 
 background-color:#fff; 
 } 
#image-links ul { 
 width:902px; 
 height:223px; 
 margin:auto; 
 } 
#image-links li { 
 float:left; 
 padding:0 30px; 
 } 
#image-links .p-top { 
 padding-top:21px; 
 } 
#image-links a { 
 display:block; 
 padding:2px; 
 border:2px outset #dcdcdc; 
 } 
#image-links img { 
 display:block; 
 border:1px inset #dcdcdc; 
 } 
#footer { 
 padding:28px 0 94px; 
 } 
#footer ul { 
 width:360px; 
 height:40px; 
 border:2px outset #dcdcdc; 
 margin:auto; 
 } 
#footer li { 
 float:left; 
 padding:1px; 
 } 
#footer a { 
 display:block; 
 width:116px; 
 border:1px inset #dcdcdc; 
 font-size:105%; 
 font-weight:bold; 
 color:#fff; 
 line-height:36px; 
 text-align:center;  
 } 
</style> 
 
</head> 
<body> 
 
<div id="container"> 
 
<div id="address"> 
 <p id="name">Apex Massage</p> 
 <p class="line">106 Cannons Lane</p> 
 <p class="line">Louisville, KY 40206</p> 
 <p class="line">(502) 895-1262</p> 
</div> 
 
<div id="image-links"> 
<ul> 
 <li class="p-top"> 
 <a href="About_Us.html"> 
 <img src="sitebuilder/images/ABOUT_US-250x170.png" alt="About Us"> 
 </a> 
 </li> 
 <li> 
 <a href="Prices_Hours.html"> 
 <img src="sitebuilder/images/PRICES___HOURS-192x213.png" alt="Prices Hours"> 
 </a> 
 </li> 
 <li class="p-top"> 
 <a href="Services.html"> 
 <img src="sitebuilder/images/SERVICES-250x170.png" alt="Services"> 
 </a> 
 </li> 
</ul> 
</div> 
 
<div id="footer"> 
<ul> 
 <li><a href="Contact_Us.html">Contact Us</a></li> 
 <li><a href="Coupon.html">Coupon</a></li> 
 <li><a href="index.html">Home</a></li> 
</ul> 
</div> 
 
</div><!-- end #container --> 
 
</body> 
</html>

Note:-
Obviously, the CSS would need to be placed in an external style sheet. :)

birdbrain