Firefox alignment issue

**relisys** · 10-12-2008 07:02 PM

i just wondering if any one can suggest on how to fix this alignment issue with fire fox

my website www.thefireworkshoplist.com

as you can see the right hand side is messed up in firefox only

any suggestion on how to fix this will be a big bonus

**crisp** · 10-12-2008 08:10 PM

It'd help if we knew how it's supposed to look. At a guess you're talking about the sponsors and stats links appearing in a separate column to the nav links etc. but that's just a guess, as to me, other than the vast area of white space it creates below the stats, I can't see any problems with FF3 here.

One observation I can make is that you have invalid html.

http://validator.w3.org/check?verbos...hoplist.com%2F

Maybe try fixing the validation issues first, as they may be causing whatever problem you have

**relisys** · 10-13-2008 02:02 AM

ok well thanks for the reply but im not sure how to fix this problem, with the validation

all im getting is this

Sorry, I am unable to validate this document because on line 80 it contained one or more bytes that I cannot interpret as utf-8 (in other words, the bytes found are not valid values in the specified Character Encoding). Please check both the content of the file and the character encoding indication.
The error was: utf8 "\xE9" does not map to Unicode

so if this means that i need to save the code in UTF-8... i have

**crisp** · 10-13-2008 02:44 AM

What text editor are you using? Could be that yours doesn't fully support utf-8 (even if it says it does)

The validator indicates the problem is at line 80, so have a look around that line in your code and see if any special characters jump out at you, and either remove or replace them. Quick google showed up this similar problem (and fix)...

http://openconcept.ca/blog/mgifford/...not_be_checked

**relisys** · 10-13-2008 03:34 AM

ok when i place the header and footer together in my editor i get a google hight script

but yet if i just look at my footer on line 81 i get this code

Code:

<ul>

so here is my full code for header.php

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<{$lang.xml_lang}>" lang="<{$lang.lang}>">

<head>
<{if $meta_desc}> 
<title><{$meta_title}></title>
<meta name="description" content="<{$meta_desc}>" />
<{else}>
<title><{$CONFIG.site_name}></title>
<meta name="description" content="<{$CONFIG.site_description}>" />
<{/if}>
<{if $meta_keyw}>
<meta name="keywords" content="<{$meta_keyw}>" />
<{/if}>
<meta http-equiv="Content-Type" content="text/html; charset=<{$CONFIG.encoding}>" />
<link rel="alternate" type="application/rss+xml" title="Derniers sites ajout&eacute;s" href="<{$CONFIG.site_url}>/rss.php" />
<link href="<{$theme_dir}>/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="<{$theme_dir}>/js/utils.js"></script>
<script type="text/javascript" src="<{$theme_dir}>/js/js_liveclock.js"></script>
</head>
<body <{$onload}>>
<div class="wrapper">
<div id="search">
<form method="post" id="searchform" action="<{$search_form_action}>" style="padding:0px 0px 0px 0px; margin:0px 0px 0px 0px">
<input type="text"  name="seek" id="s" value=""/><input class="input" type="image" src="<{$theme_dir}>/images/search.jpg" value="submit" style="border:0px"/>
</form>
<div id="menucontainer">
<div id="menu">
<ul>
<li class=""><a href="rss.php" rel="bookmark" title="Flux RSS"><img src="<{$theme_dir}>/images/rss587.gif" width="16" height="14" alt="RSS FEED" align="absmiddle"/>&nbsp;FLUX RSS</a></li>
<li class=""><a href="atom.php" rel="bookmark" title="Flux ATOM"><img src="<{$theme_dir}>/images/rss587.gif" width="16" height="14" alt="ATOM FEED" align="absmiddle"/>&nbsp;FLUX ATOM</a></li>
</ul>
</div>		
</div>
</div>		
<div id="top">
<div class="blogname">
<h1><a href="http://thefireworkshoplist.com" title="Home">
<img src="http://thefireworkshoplist.com/themes/PolyGlobes/images/mylogo.jpg" alt="The Firework Shop List" width="360" height="60" /></a></h1>
</div>
</div>
<div id="foxmenucontainer">
<div id="foxmenu">
<ul>
<li class="page_item current_page_item"><a href="<{$CONFIG.site_url}>" title="Home">Home</a></li>
<li><a href="/safety.html" title="Safety">Safety</a></li>
<li><a href="/aboutus.html" title="About Us">About Us</a></li>
<li class="page_item"><a href="<{$top_hits_url}>" title="Top Hits <{$CONFIG.links}> Hits"><{$lang.tophits}></a></li>
	</ul>
	</div>		
	</div>
<div class="content">
<div id="content"><a name="content"></a>

<div class="post" id="post-20">
<div class="title">
<h2><a href="<{$CONFIG.site_url}>"><span lang="en-gb">The Firework shop list</span></a></h2>
</div>
<div class="cover">
<div class="entry">
<p>

and here is the full code for my footer.php

Code:

</p>
</div>
</div>
<div class="postinfo">
<div class="com"><a href="#search">Top</a></div>
</div>
</div>
</div>
<div id="rightcol">
<div id="sidebar">
<div class="sidebar2">
<ul>
<li>
<h2>Sponsors</h2>	
<ul>
<script type="text/javascript"><!--
google_ad_client = "pub-9403114966999018";
/* 160x600, created 12/10/08 */
google_ad_slot = "5376851145";
google_ad_width = 160;
google_ad_height = 600;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</ul>
</li>
</ul>
<div class="ad">
<h2>Statistics</h2>
<ul>
<li><a href="#"><{$nb_sites}> <{$lang.sites}></a></li>
<li><a href="#"><{$nb_categories}> <{$lang.categories}></a></li>
</ul>
</div>
<div class="ad">
<h2>link Partners</h2>
<{plugin name="dirroll" call="linkList"}>
</div>
</div>
<div class="sidebar1">
<ul>
<li>
<h2>Spot light</h2>
<ul>
<center>
<{include file="boost_site.html"}>
</center>
</ul>
</li>
<li><h2>Navigation</h2>
<ul>
<li class="page_item"><{if $CONFIG.link_votes == 1}><a href="<{$top_votes_url}>" title="<{$lang.topvotes}>"><{$lang.topvotes}></a><{/if}></li>
<li class="page_item"><{if $CONFIG.use_pagerank == 1}><a href="<{$top_rank_url}>" title="<{$lang.toprank}>"><{$lang.toprank}></a><{/if}></li>
<li class="page_item"><a href="<{$allcats_url}>" title="<{$lang.categories}>"><{$lang.categories}></a></li>
<li class="page_item"><a href="<{$keyw_url}>" title="<{$lang.keywords}>"><{$lang.keywords}></a></li>
<li class="page_item"><a href="<{$news_url}>" title="Nouveaut&eacute;s"><{$lang.newsites}></a></li>
<li class="page_item page-item-2"><a href="index.php?do=contact" title="Contact">Contact</a></li>
<li class="page_item page-item-2"><a href="members/" target='_blank' title="Zone Membres">Membres</a></li>
<li class="page_item page-item-2"><a href="<{$submit_site_url}>" title="<{$lang.submit_site}>">Submit Site</a></li>
<li><a href="/links.html" title="Links">Links</a></li>
<li><form method="get" action="http://thefireworkshoplist.com/newsletter/sub.php" target="_blank"><br />
	Newsletter: <input type="text" name="email" size="80" style="width: 150px"><br /><br />
<input type="submit" value="Subscribe" style="width: 156px"><br />
</form></li>
</ul>
</li>
<li><{if $tagcloud}>
<h2><{$lang.tag_cloud}></h2>
<ul>
<li>
<{foreach item=tag from=$tagcloud}>
<a href="<{$tag.url}>"><{$tag.name}></a>
<{/foreach}><{/if}>
</li>
</ul>
</li>
<li><{if count($topkeywords) > 0}>
<h2><{$lang.top_search}></h2>
<ul>
<li><{foreach item=keyword from=$topkeywords}>
<a href="<{$keyword.url}>"><{$keyword.word}></a>
<{/foreach}><{/if}></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
</div>		
<div id="footer">
<div class="credits">	
Copyright &copy; 2008 - Freeglobes 
</div>	
<div class="bumper">
<a href="#search"> TOP </a> 
</div>		
</div>	
</div>		
<script type="Text/Javascript">
		if(document.links.length > 0)
		{
			for(var i=0; i < document.links.length; i++)
			{
				if (document.links[i].className.indexOf("_blank") > -1)
				{
					document.links[i].target="_blank";
				}
			}
		}
		</script>	
</body>
</html>

Edit:
ok iv its working in firefox ok now but, it still isn't validating

Thread: Firefox alignment issue

LinkBack

Thread Tools

Display

Firefox alignment issue

Re: Firefox alignment issue

Re: Firefox alignment issue

Re: Firefox alignment issue

Re: Firefox alignment issue

Similar Threads

Is Safari better then all other browsers?

What is the best internet browser?

Which Web browser???

Ad display issue in Firefox 2.0.0.6

FireFox 1.5 Final is Out

Posting Permissions