Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 9 of 9
  1. #1
    New Coder
    Join Date
    Apr 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Problem with tables in firefox

    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:

    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>

  • #2
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    *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=ht...om/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...ysterious_Gaps
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #3
    New Coder
    Join Date
    Apr 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    http://validator.w3.org/check?uri=ht...m%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

  • #4
    Senior Coder Arbitrator's Avatar
    Join Date
    Mar 2006
    Location
    Splendora, Texas, United States of America
    Posts
    3,302
    Thanks
    28
    Thanked 276 Times in 270 Posts
    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.
    For every complex problem, there is an answer that is clear, simple, and wrong.

  • #5
    New Coder
    Join Date
    Apr 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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.

  • #6
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts

  • #7
    New Coder
    Join Date
    Apr 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    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:

    Code:
    <!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>

  • #8
    Senior Coder djm0219's Avatar
    Join Date
    Aug 2003
    Location
    Wake Forest, North Carolina
    Posts
    1,302
    Thanks
    4
    Thanked 204 Times in 201 Posts
    Close your head tag before starting the body.

    Code:
    <style type="text/css" media="all">@import "style.css";</style>
    </head>
    <body style="bod">
    Dave .... HostMonster for all of your hosting needs

  • #9
    New Coder
    Join Date
    Apr 2006
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Cool i validated it =D thank you very much.
    anyways i still can get working the styles and javascript :S i will keep trying


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •