PDA

View Full Version : Making a One Size Fits-All Background/Template??



neoweatherguy
Jul 18th, 2010, 09:56 PM
If you visit my site WEBSITE (http://neoweather.com) anyone from a Macbook will see a normal fine website. But when you go to bigger screens or different computers the page gets totally un-arranged.

Now right now, the only thing I am trying to fix is the background or template (whichever is the problem. I want it to be able to fit the same on every computer and screen.

PLEASE HELP ME!! SOS!! PLEASE HELP ME!! SOS!! PLEASE HELP ME!! SOS!!

HOMEPAGE CSS (http://images.freewebs.com/Members/Generationz/Standard/PrintCSS/print.css)

HTML CODE TO HOMEPAGE-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org">
<title>Weather For Northeast Ohio and home for the upcoming 2010-2011 winter forecast - HOME</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="weatheralert.webs.com, neoweather.com, weather forecast for cleveland, weather forecast for akron, weather forecast for canton, weather information for northeast ohio, weather forecast for northeast ohio, weather for northeast ohio, weather maps for akron, weather maps for cleveland, weather maps for canton, weather forecast, Northeast Ohio Weather, Northeast Ohio Weather Forecast">
<meta name="description" content="Providing Weather Forecasts for Northeast Ohio, with all-new fast updating animated radars and new improved">
<script type="text/javascript" src="http://neoweather.mobify.me/mobify/redirect.js">
</script>
<script type="text/javascript">
try{_mobify("http://neoweather.mobify.me/");} catch(err) {};
</script>
<meta name="google-site-verification" content="jIsuwFja6snlO_BcZ_EQ_JI-_1T-YyJJctMINIt0X9g"><!-- master default -->
<link rel="stylesheet" type="text/css" href="http://static.websimages.com/static/global/theme/css/pluggables.css">
<script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/webs_common.js">
</script>
<script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/websover.min.js">
</script>
<link id="templatebase" rel="stylesheet" type="text/css" media="screen" href="http://static.websimages.com/static/global/css/templatebase.css">
<link id="fw_template_file" rel="stylesheet" type="text/css" href="http://weatheralert.webs.com/.design.css?r=440" media="screen"><!-- Start [email protected] -->
<!-- End [email protected] -->
<link rel="stylesheet" type="text/css" href="http://images.freewebs.com/Members/Generationz/Standard/PrintCSS/print.css" media="print">
<style type="text/css">
img.c14 {width: 702px; height: 395px; border-width: 0px; padding: 0px; margin: 0px}
span.c13 {color: #E6E6E6; font-size: x-small}
span.c12 {color: #E6E6E6}
img.c11 {width: 706px; height: 100px; border-width: 0px; padding: 0px; margin: 0px}
span.c10 {color: #E6E6E6; font-family: Helvetica, Verdana, sans-serif; font-size: x-small; line-height: normal}
div.c9 {text-align: center}
p.c8 {margin: 0px; text-align: center}
p.c7 {text-align: center; margin: 0px}
img.c6 {width: 290px; height: 480px; border-width: 0px; padding: 0px; margin: 0px; text-align: left; border-width: 0px; padding: 0px; margin: 0px}
img.c5 {width: 706px; height: 50px; border-width: 0px; padding: 0px; margin: 0px}
p.c4 {border-width: 0px; margin: 0px; padding: 0px; text-align: center}
span.c3 {font-size: large}
span.c2 {font-size: 200%}
span.c1 {text-decoration: underline}
</style>
</head>
<body class="hasOneColumn noSidebar navtype-Top">
<!-- Start [email protected] -->
<!-- End [email protected] -->
<script type="text/javascript" src="http://static.websimages.com/JS/fw.js">
</script><!--
{NavHeaderFormat}
<li class="fw-navheader">{NavHeader}</li>
{/NavHeaderFormat}



-->
<div id="fw-container">
<div id="fw-head">
<h1 id="fw-title"><a id="fw-titlelink" href="http://neoweather.com">Weather For Northeast Ohio and home for the upcoming 2010-2011 winter forecast</a></h1>
<h2 id="fw-smalltitle"></h2>
<div id="logo-div" class="fw-logo"></div>
</div>
<div id="fw-blockContainer">
<div id="fw-mainnavwrap">
<div id="fw-nav-menu">
<ul class="fw-nav-level-0">
<li><a class="section" href="http://neoweather.com">HOME</a></li>
<li><a class="section" href="http://neoweather.com/radar.htm">RADAR</a>
<ul class="fw-nav-level-1">
<li><a class="section" href="http://neoweather.com/neoradar.html">NORTHEAST OHIO</a></li>
<li><a class="section" href="http://neoweather.com/ohioradar.html">REGIONAL</a></li>
<li><a class="section" href="http://neoweather.com/radar.htm">MORE RADARS</a></li>
</ul>
</li>
<li><a class="section" href="http://neoweather.com/myforecast.html">FORECAST</a>
<ul class="fw-nav-level-1">
<li><a class="section" href="http://neoweather.com/myforecast.html">NORTHEAST OHIO</a></li>
<li><a class="section fw-current-nav-link" href="neoweather.com/dailyvideo.htm">CLEVELAND,OH (44101)</a></li>
<li><a class="section" href="http://neoweather.com/dailyvideo.htm">AKRON, OH (44301)</a></li>
<li><a class="section" href="http://neoweather.com/dailyvideo.htm">CANTON, OH (44701)</a></li>
<li><a class="section" href="http://neoweather.com/dailyvideo.htm">OTHER</a></li>
</ul>
</li>
<li><a class="section" href="http://neoweather.com/dailyvideo.html">VIDEO FORECAST</a></li>
<li><a class="section" href="http://neoweather.com/livevideo.htm">LIVE VIDEO</a>
<ul class="fw-nav-level-1">
<li><a class="section" href="http://neoweather.com/severeweather.htm">SEVERE WEATHER</a></li>
<li><a class="section" href="http://neoweather.com/livevideo.htm">DAILY LIVE VIDEO</a></li>
<li><a class="section" href="http://neoweather.com/livevideo.htm">WINTER STORMS</a></li>
</ul>
</li>
<li><a class="section" href="http://neoweather.com/news.htm">NEWS</a>
<ul class="fw-nav-level-1">
<li><a class="section" href="http://neoweather.com/news.htm">SPORTS AND LOCAL NEWS</a></li>
<li><a class="section" href="http://youtube.com/theweatheralert">VIDEO</a></li>
<li><a class="section" href="http://neoweather.com/pictures.htm">PICTURES</a></li>
<li><a class="section" href="http://weatheralert.webs.com/apps/guestbook/">GUESTBOOK</a></li>
</ul>
</li>
<li><a class="section" href="http://neoweather.com/seasonaloutlooks.htm">OUTLOOK</a>
<ul class="fw-nav-level-1">
<li><a class="section" href="http://weatheralert.webs.com/20102011winterupdate.htm">2010-2011 WINTER UPDATE</a></li>
<li><a class="section" href="http://weatheralert.webs.com/apps/forums/">2010-2011 WINTER</a></li>
<li><a class="section" href="http://weatheralert.webs.com/2011winterforecast.htm">2011 WINTER FORECAST</a></li>
</ul>
</li>
<li><a class="section" href="http://neoweather.com/snowday.htm">SNOW DAY?</a>
<ul class="fw-nav-level-1">
<li><a class="section" href="http://neoweather.com/snowday.htm#533094399">SCHOOL CLOSINGS</a></li>
<li><a class="section" href="http://neoweather.com/snowday.htm#533092221">SNOW DAY MAP</a></li>
<li><a class="section" href="http://neoweather.com/snowday.htm#549037825">CHAT</a></li>
<li><a class="section" href="http://neoweather.com/snowday.htm#549037825">WRITTEN FORECAST</a></li>
</ul>
</li>
<li><a class="section" href="http://neoweather.com/info.htm">INFO</a>
<ul class="fw-nav-level-1">
<li><a class="section" href="http://neoweather.com/info.htm">CONTACT ME</a></li>
<li><a class="section" href="http://neoweather.com/join.html">JOIN THE FORECASTING TEAM!!</a></li>
<li><a class="section" href="http://neoweather.com/advertising.html">ADVERTISE HERE</a></li>
<li><a class="section" href="http://neoweather.com/info.htm">SEARCH THE SITE</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div id="fw-bigcontain">
<div id="fw-columnContainer">
<div id="fw-mainColumn"><!-- ParagraphStart 534876716 -->
<div class="fw-paragraph">
<div class="fw-paragraphtop"></div>
<h3 class="fw-title"><a name="534876716"></a><!-- ParagraphTitleStart --> <strong> </strong> <span class="Apple-style-span c3"><span class="c2"><span class="Apple-style-span c1"><strong>WELCOME</strong></span> </span> </span> <!-- ParagraphTitleEnd --></h3>
<div class="fw-text"><!-- ParagraphBodyStart -->
<p class="c4"> <script type="text/javascript" src="http://widgets.amung.us/tab.js">
</script><script type="text/javascript">
WAU_tab('g6phqlykivn0', 'bottom-center')
</script></p>
<form action="http://www.weatheralert.webs.com/search.htm" id="cse-search-box">
<div><input type="hidden" name="cx" value="partner-pub-1327335956522478:igpi0y499h5"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input type="text" name="q" size="75"> <input type="submit" name="sa" value="Enter in Zip Code or City"></div>
</form>
<script type="text/javascript" src="http://www.google.com/cse/brand?form=cse-search-box&amp;lang=en">
</script>
<p class="c4"><script type="text/javascript">
<!--
google_ad_client = "pub-1327335956522478";
/* 180x150, created 5/14/10 */
google_ad_slot = "4377672854";
google_ad_width = 180;
google_ad_height = 150;
//-->
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script> <a href="http://www.weatheralert.webs.com/apps/blog"><img src="http://www.neoweather.com/todaytoday.jpg" width="300" height="150" border="0" alt="36 Hour Forecast"> <script type="text/javascript">
<!--
google_ad_client = "pub-1327335956522478";
/* 180x150, created 5/14/10 */
google_ad_slot = "9049777697";
google_ad_width = 180;
google_ad_height = 150;
//-->
</script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></a></p>
<p class="c4"> </p>
<a class="fw_link_page" href="http://weatheralert.webs.com/radar.htm"><img border="0" width="706" src="http://weatheralert.webs.com/updates.jpg" height="50" class="fw_image_computer fwSizeProp c5" alt="Severe Weather"></a>
<p class="c4"> </p>
<p class="c7"><a href="http://weatheralert.webs.com/videoplayer.htm" class="fw_link_website"><img border="0" align="right" src="http://weatheralert.webs.com/liveandstorm.jpg" class="fw_image_freewebs fwSizeProp c6" alt="Live Show&gt;&lt;/a&gt;&lt;/p&gt;&lt;p align="><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="400" height="480" id="videoplayer" align="middle"><param name="allowScriptAccess" value="sameDomain">
<param name="allowFullScreen" value="false">
<param name="movie" value="videoplayer.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#ffffff">
<embed src="http://www.neoweather.com/videoplayer.swf" quality="high" bgcolor="#FFFFFF" width="400" height="480" name="videoplayer" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer"></object> </a></p>
<p class="c8"></p>
<p class="c8"></p>
<p class="c8"></p>
<p class="c8"></p>
<p class="c8"></p>
<p class="c8"></p>
<p class="c8"></p>
<p class="c8"></p>
<p class="c8"></p>
<p class="c8"></p>
<p class="c8"></p>
<div class="c9"></div>
<p class="c8"><span class="Apple-style-span Apple-style-span Apple-style-span c10"> </span></p>
<span class="Apple-style-span c13"><a class="fw_link_page" href="http://weatheralert.webs.com/radar.htm"><img border="0" align="left" width="706" src="http://weatheralert.webs.com/radarandmpsss.jpg" height="100" class="fw_image_freewebs fwSizeProp c11" alt="** PLEASE DESCRIBE THIS IMAGE **"></a><span class="c12"> </span></span>
<p><span class="Apple-style-span c13"><a href="http://weatheralert.webs.com/radar.htm#535243816" class="fw_link_paragraph"><img border="0" align="right" width="702" src="http://www.weatheralert.webs.com/TEST.JPG" height="395" class="fw_image_url fwSizeProp c14" alt="** PLEASE DESCRIBE THIS IMAGE **"></a></span></p>
<!-- ParagraphBodyEnd --></div>
<div class="fw-paragraphbottom"></div>
</div>
<!-- ParagraphEnd 534876716 --></div>
</div>
</div>
<div id="fw-sidebar">
<div id="fw-sidebarbegin"></div>
<div id="fw-sidebarend"></div>
</div>
<div class="clears"></div>
</div>
<div id="fw-footer">
<p id="fw-foottext" class="fw-footertext"><span class="Apple-style-span c13">Copyright to Weather Alert 2009-2010</span></p>
</div>
</div>
<!-- Start [email protected] -->
<script type="text/javascript" src="http://images.freewebs.com/JS/clicky.js">
</script><script type="text/javascript">
var clicky_page_title='HOME';startClicky(49522255,'fwdb4');
</script><noscript>
<p><span class="Apple-style-span c13"><img alt="Clicky Web Analytics" src="http://in.freewebs.getclicky.com/49522255-fwdb4.gif"></span></p>
</noscript><!-- End [email protected] -->
<!--[if IE 6]>

<script type="text/javascript" src="http://images.webs.com/static/global/js/webs/usersites/ie6subnav.js"></script>
<![endif]-->
<!-- [SB] PageID 164648476-->
<!-- appserver9 -->
</body>
</html>

neoweatherguy
Jul 21st, 2010, 03:56 AM
Help me