Firefox alignment issue

relisys

New Member
Messages
426
Reaction score
0
Points
0
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

New Member
Messages
85
Reaction score
0
Points
0
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?verbose=1&uri=http://www.thefireworkshoplist.com/

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

relisys

New Member
Messages
426
Reaction score
0
Points
0
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

New Member
Messages
85
Reaction score
0
Points
0

relisys

New Member
Messages
426
Reaction score
0
Points
0
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
 
Last edited:
Top