...
PDA

Problem with tables in firefox

____________
04-29-2006, 07:15 PM
www.kryonsearch.com/SPGproject

Its working perfect in IE and Opera but is not showing as it should in FF, i tried changing some margin tags but i cant get it :(
Can someone please help me?

This is the code:

<html>
<head>
<title>SPG Project</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style3 {font-size: 12px; background-color:#FFFFFF}
-->
</style>
</head>
<body bgcolor="#eefdcf" leftmargin="0" topmargin="50" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (SPGProject.psd) -->
<table width="781" height="438" border="0" align="center" cellpadding="0" cellspacing="0" id="Table_01">
<tr>
<td colspan="13">
<img src="images/Untitled-2_01.gif" width="780" height="27" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/Untitled-2_02.gif" width="205" height="23" alt=""></td>
<td>
<img src="images/Untitled-2_03.gif" width="92" height="23" alt=""></td>
<td>
<img src="images/Untitled-2_04.gif" width="94" height="23" alt=""></td>
<td colspan="2">
<img src="images/Untitled-2_05.gif" width="92" height="23" alt=""></td>
<td>
<img src="images/Untitled-2_06.gif" width="93" height="23" alt=""></td>
<td colspan="3">
<img src="images/Untitled-2_07.gif" width="93" height="23" alt=""></td>
<td>
<img src="images/Untitled-2_08.gif" width="111" height="23" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/Untitled-2_09.gif" width="780" height="41" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td colspan="13">
<img src="images/Untitled-2_10.gif" width="780" height="43" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="3">
<img src="images/Untitled-2_11.gif" width="93" height="242" alt=""></td>
<td colspan="9"> <div class="style3" style="width: 554px; height: 166px; overflow: auto; padding: 5px"><span class="style2">
A sustainable parallel government is a location , or land, where a corporate organization owns all the means of production and is ideally self sufficient for all its needs including housing, energy, water, textiles, building supplies, technology, employment, etc., creating an illusion of government.
</span>
<p class="style2">The ultimate goal is to invest effort, time and money to create a state of abundance and freedom.</p>
<p class="style2">Sustainable parallel governments are different than communism as they are privately owned coorporations started by individuals sharing a vision within a country, but living on a private land.</p>
<p class="style2">Such corporation may also decide to stamp it's own money, or &quot;coupons&quot; as a way to sell and purchase their locally produced goods, effectivaly creating an economy.</p>
<p class="style2">It could be best described as a self-sufficient system both economically and ecologically efficient ideology.</p>
<p class="style2">Various ideologists thruout the ages have dreamt about that possibility but it was technologically impossible until the era of information and powerful search engines, gathering information produced over the entire planet.</p>
<hr color="#006600" size="1" width="350">
<p class="style2">We are an emerging teck business association starting to collect funds in preparation to tackle this mega-project scheduled to aquire first land in 2007.</p>
<p class="style2">Using very intelligent design, the association will effectively create and maintain it's own economy within private lands in a small and economy-less village.</p>
<p class="style2">Many people introduced to this ideology are becoming increasingly interested in the revolutionary concept.</p>
<p class="style2">Stay tuned on this blog for the official and sole source of updates to the project. As of today the 2006-04-29, the association does not own land. We estimate the time required for the startup funding at 12 months.</p>
<p class="style2">The association say they want to create an economic nirvana within an already existing one, instead of following an unreal capitalist economy.</p>
<p class="style2">The people will have the choice between existing government and economy, in addition to a parallel, privatly owned government and economy, within private lands.</p>
<p class="style2">It could be seen as a Life 2.0 experience within an economic &quot;disney land&quot;.</p>
</div>
</td>
<td colspan="2" rowspan="7">
<img src="images/Untitled-2_13.gif" width="133" height="303" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="166" alt=""></td>
</tr>
<tr>
<td colspan="9">
<img src="images/Untitled-2_14.gif" width="554" height="33" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/Untitled-2_15.gif" width="63" height="104" alt=""></td>
<td colspan="7" rowspan="2">
<img src="images/Untitled-2_16.gif" width="468" height="60" alt=""></td>
<td rowspan="3">
<img src="images/Untitled-2_17.gif" width="23" height="72" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<a href="http://parallelgoverment.blogspot.com"><img src="images/Untitled-2_18.gif" alt="" width="74" height="29" border="0"></a></td>
<td rowspan="4">
<img src="images/Untitled-2_19.gif" width="19" height="61" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="7">
<img src="images/Untitled-2_20.gif" width="468" height="12" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/Untitled-2_21.gif" width="74" height="32" alt=""></td>
<td colspan="4" rowspan="2">
<img src="images/Untitled-2_22.gif" width="263" height="32" alt=""></td>
<td colspan="4">
<img src="images/Untitled-2_23.gif" width="228" height="21" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="21" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/Untitled-2_24.gif" width="228" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="74" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="19" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="63" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="49" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="92" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="94" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="28" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="64" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="23" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="111" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Arbitrator
04-29-2006, 07:30 PM
*sigh* Another spacer GIF layout...

First of all, your page may not be being rendered in any browser correctly since you don't have a document type declaration (DTD) at the top of your page; see the table at http://hsivonen.iki.fi/doctype/. You can't expect to reliably create browser-consistent layouts while browsers are in quirks mode.

Second, try validating your page for technical correctness:
http://validator.w3.org/check?uri=http://www.kryonsearch.com/SPGproject/

Third, the spaces under your images may be due to the "mysterious gaps" problem which can be corrected using CSS. Get the details here:
http://developer.mozilla.org/en/docs/Images,_Tables,_and_Mysterious_Gaps
____________
04-29-2006, 10:18 PM
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.kryonsearch.com%2FSPGproject

Well, the site passed the validation now, but i tried everything for fix those "mysterious gaps" and i still cant make it work :S
Arbitrator
04-30-2006, 12:05 AM
You can try using fewer table-cells to make your design less convoluted. At most you only need three columns to pull a table layout like that off; I'm wondering why you have at least 25 empty cells and approximately 50 cells total. Also you also have no need to use rowspan which really muddles things up. Basically, you're making it way more complicated than necessary.

The best way to test the mysterious gaps problem is to make a CSS style like:
img {display: block;}

If that's not the problem then you either have an image that's too big, you have more cells than your colspan or rowspan permit, or you specified an incompatible width or height in which case you'll have to sift through that mess of code until you find the problem.
____________
04-30-2006, 12:24 AM
The site have a lot of cells because i did it with photoshop and then i export it as web, this create all the images separates following the slices i made.
Anyway thanks a lot for your help, tomorrow i will make the tables in Dreamweaver and create each image separated.
drhowarddrfine
04-30-2006, 12:51 AM
:eek:
____________
04-30-2006, 09:32 PM
http://kryonsearch.com/SPGproject/index.php

Now its working good, the problem is when i want to use javascript and css styles from external files and there is not working, and i get an "end tag for element "HEAD" which is not open " when y try to validate it.

Some suggestion?

Thanks for advantage

This is the beggining of the source:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>SPG Project</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="common.js"></script>
<style type="text/css" media="all">@import "style.css";</style>
<body style="bod">
</head>
djm0219
05-01-2006, 10:37 AM
Close your head tag before starting the body.


<style type="text/css" media="all">@import "style.css";</style>
</head>
<body style="bod">
____________
05-01-2006, 08:11 PM
Cool i validated it =D thank you very much.
anyways i still can get working the styles and javascript :S i will keep trying

EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum