PDA

View Full Version : site looks completely different in firefox. help!!


gg2327
11-09-2007, 01:57 PM
i just happen to open firefox today to take a look at my site but was shocked to discover that it was so large that you had to scroll horizontally! it's fine in explorer so what did i do wrong??please help as i know very litle about web designning.thank you

domedia
11-09-2007, 02:27 PM
There's literally a thousand reasons why. But unless you provide your URL it will be impossible to find out exactly what :-)
If you don't have the page live (best option), then provide the full HTML and CSS.

My car doesn't work, what's wrong?

gg2327
11-09-2007, 02:58 PM
my site is down of all time so i will copy and paste code for index page. i hope that's what i'm meant to do. thank you for helping me out.






<html><!-- #BeginTemplate "/Templates/index.dwt" -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>Miniature Painting and Collecting</title>
<!-- #EndEditable -->
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="A miniature painting site with a painting service, articles and tutorials as well as paint conversion tables for Citadel, Reaper, Vallejo, Coat D'arms and Derivan.">
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" alink="ffffe8" bgcolor="5e5e00" link="#000000">
<table cellspacing="0" cellpadding="0" border="0">
<tr bgcolor="5e5e00">
<td width="1004" height="128" colspan="3" valign="top"><img src="graphics/mini1.gif" width="1000" height="125">
</td>
</tr>
<tr>
<td width="1004" height="24" colspan="3" valign="top" bgcolor="#CC9933">
<table width="100%" border="0" cellspacing="1.5" cellpadding="1.5" height="24" mm_noconvert="TRUE">
<tr>
<td width="11%">

<div align="center"><b><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><!-- #BeginEditable "4" --><font color="ffffe8">Home</font><!-- #EndEditable --></font></font></font></b></div>
</td>
<td width="12%">
<div align="center"><b><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><!-- #BeginEditable "5" --><a href="gallery1.html">Gallery</a><!-- #EndEditable --></font></font></font></b></div>
</td>
<td width="20%">
<div align="center"><b><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><!-- #BeginEditable "6" --><a href="paintingservice.html">Painting
Service </a><!-- #EndEditable --></font></font></font></b></div>
</td>
<td width="15%">
<div align="center"><b><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><!-- #BeginEditable "7" --><a href="articles.html">Articles</a><!-- #EndEditable --></font></font></font></b></div>
</td>
<td width="20%">
<div align="center"><b><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><!-- #BeginEditable "8" --><a href="paintconversion.html">Paint
Conversion</a> <!-- #EndEditable --></font></font></font></b></div>
</td>
<td width="11%">
<div align="center"><b><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><!-- #BeginEditable "9" --><a href="links/links.html">Links</a><!-- #EndEditable --></font></font></font></b></div>
</td>
<td width="11%">
<div align="center"><b><font size="2"><font size="2"><!-- #BeginEditable "10" --><a href="contact.html"><font face="Arial, Helvetica, sans-serif">Contact</font></a><!-- #EndEditable --></font></font></b></div>
</td>
</tr>
</table></td>
</tr>
<tr>
<td width="220" height="445" valign="top" bgcolor="5e5e00"><!-- #BeginEditable "1" --><br>
<table width="99%" border="0" cellspacing="3" cellpadding="3" height="156">
<tr>
<td height="195">
<div align="center"><a href="articles/acrylicpaints.html"><img src="graphics/acrylic.jpg" width="180" height="103" border="0"></a><br>
<font size="2" face="Arial, Helvetica, sans-serif"><a href="acrylicpaints.html"><font color="ffffe8">Acrylic
Paint Review</font></a></font></div>
</td>
</tr>
<tr>
<td height="151">
<div align="center"><a href="articles/topsables.html"><img src="graphics/kolinskyroundindex.jpg" width="180" height="95" border="0"></a><br>
<font face="Arial, Helvetica, sans-serif" size="2"><a href="topsables.html"><font color="ffffe8">Kolinsky
Sables Review</font></a></font></div>
</td>
</tr>
</table>
<!-- #EndEditable --></td>
<td width="581" height="445" valign="top" bgcolor="#FFFFDD"><!-- #BeginEditable "2" -->
<p>&nbsp;</p>
<p>
<blockquote><br>
<b><font size="3" face="Arial, Helvetica, sans-serif">Miniature Painting
and Collecting</font></b></blockquote>

<blockquote>
<p><font face="Arial, Helvetica, sans-serif" size="2"><br>
Welcome to our miniature painting site. The world of miniature painting
has come a long way from the days when everyone goes to the same shop
to get their painting supplies. Nowadays, the vast array of acrylic
paints, brushes, varnishes, mediums and many others can make buying
decisions a bit overwhelming at times.</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="2">If you're new to
the hobby browse through the Articles section to get an idea of the
many games companies around like Games Workshop, Reaper, Rackham, Foundry,
Assasin, Hasslefree to name a few, to acrylic paint suppliers like Vallejo,
Reaper, Citadel, Coat D'arms, Foundry and Formula P3.</font></p>
<p><font face="Arial, Helvetica, sans-serif" size="2">For those of you
who's not quite sure what this is all about, I will explain briefly.
Miniature painting is the hobby of painting little plastic or metal
figures from as little as 10mm high to as big as 90mm, with 28mm being
the most popular scale. The painted figures are then used on the gaming
table to enact historical battles or to play out a fantasy adventure
game. As the hobby continues to grow, more an more collectors are also
coming to the scene to collect them.</font></p>
<font face="Arial, Helvetica, sans-serif" size="2">
<blockquote>&nbsp;</blockquote>
</font></blockquote>
<p></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p align="center">&nbsp;</p>
<script language=javascript type="text/javascript" src="http://ss.webring.com/navbar?f=j;y=myminiaturepainting;u=defurl1">
</script>
<center>
Powered by <a href="http://dir.webring.com/rw" target=_top>WebRing</a>.
</center>
<!--optional--> <noscript>
<center>
<table bgcolor=gray cellspacing=0 border=2>
<tr>
<td>
<table cellpadding=2 cellspacing=0 border=0>
<tr>
<td align=center> <font face=arial size=-1>This site is a member
of WebRing. <br>
To browse visit <a href="http://ss.webring.com/navbar?f=l;y=myminiaturepainting;u=defurl1">
Here</a>.</font></td>
</tr>
</table>
</td>
</tr>
</table>
<p>
</center>
</noscript> <!-- #EndEditable --></td>
<td width="203" height="445" valign="top" bgcolor="5e5e00"><!-- #BeginEditable "3" -->
<p>&nbsp;</p>
<table width="100%" border="0" cellspacing="3" cellpadding="3">

</table>
<!-- #EndEditable --></td>
</tr>
<tr>
<td width="1004" height="19" colspan="3" valign="top" bgcolor="#CC9933">
<table width="100%" border="0" cellspacing=".75" cellpadding=".75" mm_noconvert="TRUE">
<tr>
<td width="11%">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2"><a href="index.html">Home</a></font></div>
</td>
<td width="12%">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2"><a href="gallery1.html">Gallery</a></font></div>
</td>
<td width="18%">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2"><a href="paintingservice.html">Painting
Service</a> </font></div>
</td>
<td width="14%">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2"><a href="articles.html">Articles</a></font></div>
</td>
<td width="20%">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2"><a href="paintconversion.html">Paint
Conversion </a></font></div>
</td>
<td width="12%">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2"><a href="links/links.html">Links</a></font></div>
</td>
<td width="13%">
<div align="center"><font face="Arial, Helvetica, sans-serif" size="2"><a href="contact.html">Contact
</a></font></div>
</td>
</tr>
</table></td>
</tr>
<tr>
<td width="220" height="1" valign="top"><img width="220" height="1" src="transparent.gif"></td>
<td width="581" height="1" valign="top"><img width="581" height="1" src="transparent.gif"></td>
<td width="203" height="1" valign="top"><img width="203" height="1" src="transparent.gif"></td>
</tr>
</table><script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2581000-1";
urchinTracker();
</script>
</body>
<!-- #EndTemplate --></html>

gg2327
11-09-2007, 03:25 PM
oh my site is back online now it's myminiaturepainting.com. thank you again

domedia
11-09-2007, 03:31 PM
Congratulations on a very clean website, I like it, you have a nice eye for design :)

I can tell that you're depending on DW to do your coding, which is o.k. it just means that you will have a little harder time to understand why certain things happens in different browsers.

Here a list of things I suggest you do to fix your problems:
<table width="100%" border="0" cellspacing="1.5" cellpadding="1.5" height="24" mm_noconvert="TRUE">
-Don't use commas in cellspacing and cellpadding values

<font color="ffffe8">Home</font>
-All colors needs a pound sign in front of them to be valid hex colors: #ffffe8

The real fix:
-Remove all percentage values in your Table cells. This is what makes the design look different. Using percentages is o.k. but it will not work with your design, you want a set width for everything.

gg2327
11-09-2007, 04:03 PM
thank you very much for helping me out. i will go and look at my code now and do everyything you suggested.

i'm glad you think the design is clean cos i just got told off for having a sickly green and orange colour in the design. lol

it was a very dark green when my monitor brightness was low but now since it's at max after calibration it seems to be a sickly olive green but that's another story cos i don't even know if i calibrated the monitor correctly


thanks again for your help. :)

gg2327
11-10-2007, 02:11 PM
domedia,

i have done evryting you suggested especially setting width in pixels. in explorer all percentages not not appear but in firefox there are still two percentage values one in the 1st editble region and the second in the 3rd editable reigion. it's not reflecting the changes i made. what should i do next. thanks again.

wasovs4
11-11-2007, 07:41 AM
clean design like it

REMEMBER:

When designing a website

domedia
11-11-2007, 02:16 PM
what should i do next. thanks again.Crystal glass is broken, I need something to work with here to help you further :)

gg2327
11-12-2007, 11:59 AM
hi domedia

it just got solved. i just threw the whole bottom nav bar out. for some reason ff doesn't seem to like the bottom bar although i made sure evryting was sized properly or seem to be. i reall ydon't understnad it maybe when i know a little bit more about designing but for now i'm just glad it's viewable in ff with no horizontal scrollling.

thanks again for taking the time to help me out.:-D

domedia
11-12-2007, 04:04 PM
Hey you're welcome :)