Whoa, random positioning of items

Hi I thought this might be due to having not specified a sort orders for the items, however they remain randomly scattered.Only refresh fixes. Any ideas?

http://www.railx.com.au/index.php?main_page=index&cPath=3

EDITED: Never, ever post the zen_id or zenAdminID (session id) in a forum, email, newsgroup, newsletter, advertisement, etc. etc. etc. or you will be doomed ... :eek:

At first I thought you might be talking about the slight cumulative offset between the top & middle rows in Geometric Extrusions, but in Lock Hardware I see what you mean. Three products on the bottom row crunched into one another, with a gap in the rows above. Not exactly random, but there are some wierd rules operating/colliding to make that happen. Can't say I understand it....

Now back to Geometric Extrusions and that is all wacky.

i know, it's quite odd isnt it! i cant find anything in the forums...

(bump) sorry i can't fix this problem! is it a zencart issue or have i done something wrong?

check it out here
http://www.railx.com.au/index.php?main_page=index&cPath=4_10

I just peeked at it in IE and FF, and don't see the problem ... clicked around to various categories, refreshed a few times ... no changes on screen, and no appearance of images bumping into each other. Everything spaced evenly.

Interesting. I went to your site never having been there before and saw the image spacing problem. I'm using firefox so I cleared the cache and refreshed the page and everything moved to where it belongs. hmmmm....

Yes this is quite bizarre, it works fine for me in IE but not FF. And the positioning changes on refresh.

:shocking: Whoa thats wierd. I go back to your site and images are inrandom layouts again, clear cache, refresh and everything normal. Then, get this, I decide to hit refresh again and the images revert to random layout, so I hit refresh again and the images are still random but different positions:huh: kinda like a game (I know its not funny)
Just keep hitting refresh and images keep moving all over the place:wacko:

i was just thinking maybe it's a problem with the column layout mod?? has anyone had a similar issue?

this site is live with a decent amount of traffic, so its a bit of a problem!

Same problem here that seems to be limited to Firefox. I can't replicate it using MSIE.

At times the images are distributed evenly across 3 columns...at other times there are either 2 images close together with the 3rd off to the right, or a couple images will actually overlap to some degree. I can't reliably reproduce this ...again, only in Firefox (2.0b2 Beta)

I don't see this at all in MSIE. This may be the only reason to use IE.

I had similar problems and the developers tools for FF saved the day for me.
Trying to validate your css it comes up an error.

Line: 271 Context : #navEZPagesTOCWrapper
Invalid number : height attempt to find a semi-colon before the property name. add it

Looking at your css file, yep, no semi-colon.

Open your css file and find:

#navEZPagesTOCWrapper {

	font-weight: bold;

	float: right;

	height: 1%

	border: 0px solid #000000;

	}

Add a semi-colon after the 1%.
See if that has any effect.
Hope this helps you in finding the problem.

I went back to your site 3-4 times, just refreshing, and refreshing, it is kinda fun. :D

Peace and Green Blessings
Herbals

I have the same issue and didn't have the need semicolon after the 1%. CSS seems to validate fine.

@trijohnd
Looks great in IE. ;-)

One quick solution for your customers/viewers, would be to conspicuously place a message. Something Like this:

"Site best viewed with MSIE 6+." :-)
"If display issues occur, please refresh browser"

Any kind of acknowlegment from you to the customers/viewers would be ,..., comforting.

A solution might be obtained by 20 questions from everyone...what ver zen? any changes outside overide? any changes inside overide? etc...
The solution could be obtained the quickest, by making your template available to others to figure out. It really is quicker to have a set of the files and Just Dew It, rather than explain how to do it. At least for me it is.

I do hope that your solution is at hand. The frustration of not being in control of your code,that,I know well.

Peace Out
Herbals

Sounds like we're at that stage of the game, troubleshooting-wise.

Here is the link:

http://www.jewelrybychristinaonline.com/

And before anyone jumps on me about the images, they will be optimized after more are added.

Some Specs:

Zen Cart 1.3.0.2
Database Patch Level: 1.3.0.2
Server OS: Linux 2.4.30-2-s5
Database: MySQL 4.1.21-standard-log
PHP Version: 4.4.4 (Zend: 1.3.0)
HTTP Server: Apache/1.3.37 (Unix) mod_fastcgi/2.4.2 mod_gzip/1.3.26.1a

Ain't no WAY I'm putting in code telling people this is best viewed in IE. hah.

For what it's worth, and only because I'm having issues with strange "A" characters with "hats" on top (accented As) that somehow resulted from copying a database, a thread on here suggested one thing that caused it was my browser was set up in UTF-8 character encoding, I'm actually using Western (UTF-8) turns off those strange As, for what it's worth...sorry to digress. Anyway, character encoding in UTF-8 or Western shows same problem.

I do find that this only happens at the initial page load. When I refresh the products seem to fix themselves and go to their respective spots.

I also find that the product name, if spread across two lines, shoves the image up some so that the images, and thus the product name and price, will not be in line across the row. Related? no idea.

Basically, the beautiful columns that are available on the homepage (Items added in September), and the perfect alignment of pics, names, prices, do not happen in with the column template.

Of course, now there is 1.3.5...

thoughts anyone?

John

What version of Firefox are you using?

Did you perhaps get an old version of the columnar display or install it improperly? I have used that mod on several different sites in various versions with no problems.

Using Firefox 2.02 Beta.

I THOUGHT I installed it right. It isn't too complicated, and I did download and install for 1.3.0.2. Just triple checked.

FF beta?

I thought maybe it was a firefox version issue, because I couldn't replicate the issue. I refreshed and I refreshed, and saw nothing. Then I went to another site, and came back later, and it started doing it.

I wonder about the layout of this table.

<table width="100%" border="0" cellspacing="0" cellpadding="0" id="cat4_11Table" class="tabTable">
  <tr >
   <th class="centerBoxContentsProducts centeredContent back" style="width:24.5%;" scope="col" id="listCell0-0"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=37"><img src="images/Products/RS2010.gif" alt="RS2010 Capping" title=" RS2010 Capping " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=37">RS2010 Capping</a></h3><div class="listingDescription"></div></th>
   <th class="centerBoxContentsProducts centeredContent back" style="width:24.5%;" scope="col" id="listCell0-1"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=38"><img src="images/Products/RS2010B.gif" alt="RS2010/B Capping" title=" RS2010/B Capping " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=38">RS2010/B Capping</a></h3><div class="listingDescription"></div></th>
   <th class="centerBoxContentsProducts centeredContent back" style="width:24.5%;" scope="col" id="listCell0-2"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=39"><img src="images/Products/RS2010D.gif" alt="RS2010/D Capping" title=" RS2010/D Capping " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=39">RS2010/D Capping</a></h3><div class="listingDescription"></div></th>
   <th class="centerBoxContentsProducts centeredContent back" style="width:24.5%;" scope="col" id="listCell0-3"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=40"><img src="images/Products/RS2011.gif" alt="RS2011 Flat Infill" title=" RS2011 Flat Infill " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=40">RS2011 Flat Infill</a></h3><div class="listingDescription"></div></th>

  </tr>
  <tr >
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=41"><img src="images/Products/RS2012.gif" alt="RS2012 Main Frame" title=" RS2012 Main Frame " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=41">RS2012 Main Frame</a></h3><div class="listingDescription"></div></td>
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=42"><img src="images/Products/RS2012A.gif" alt="RS2012/A Door Frame" title=" RS2012/A Door Frame " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=42">RS2012/A Door Frame</a></h3><div class="listingDescription"></div></td>
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=43"><img src="images/Products/RS2012B.gif" alt="RS2012/B Offset Frame" title=" RS2012/B Offset Frame " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=43">RS2012/B Offset Frame</a></h3><div class="listingDescription"></div></td>
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=44"><img src="images/Products/RS2013.gif" alt="RS2013 Mullion" title=" RS2013 Mullion " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=44">RS2013 Mullion</a></h3><div class="listingDescription"></div></td>
  </tr>

  <tr >
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=45"><img src="images/Products/RS2014.gif" alt="RS2014 Adaptor" title=" RS2014 Adaptor " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=45">RS2014 Adaptor</a></h3><div class="listingDescription"></div></td>
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=46"><img src="images/Products/RS2015.gif" alt="RS2015 Shadow Line" title=" RS2015 Shadow Line " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=46">RS2015 Shadow Line</a></h3><div class="listingDescription"></div></td>
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=47"><img src="images/Products/RS2016.gif" alt="RS2016 35mm Door Stop" title=" RS2016 35mm Door Stop " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=47">RS2016 35mm Door Stop</a></h3><div class="listingDescription"></div></td>
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=48"><img src="images/RS2017.gif" alt="RS2017 45mm Door Stop" title=" RS2017 45mm Door Stop " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=48">RS2017 45mm Door Stop</a></h3><div class="listingDescription"></div></td>
  </tr>
  <tr >

   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=49"><img src="images/Products/RS2018.gif" alt="RS2018 Glazing Sill" title=" RS2018 Glazing Sill " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=49">RS2018 Glazing Sill</a></h3><div class="listingDescription"></div></td>
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=50"><img src="images/Products/RS2019.gif" alt="RS2019 Glazing Bead" title=" RS2019 Glazing Bead " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=50">RS2019 Glazing Bead</a></h3><div class="listingDescription"></div></td>
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=51"><img src="images/Products/RS2020.gif" alt="RS2020 Pocket Flush Filler" title=" RS2020 Pocket Flush Filler " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=51">RS2020 Pocket Flush Filler</a></h3><div class="listingDescription"></div></td>
   <td class="centerBoxContentsProducts centeredContent back" style="width:24.5%;"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=52"><img src="images/Products/RS2022.gif" alt="RS2022 Transom" title=" RS2022 Transom " width="80" height="80" /></a><br /><h3 class="itemTitle"><a href="http://www.railx.com.au/index.php?main_page=product_info&cPath=4_11&products_id=52">RS2022 Transom</a></h3><div class="listingDescription"></div></td>
  </tr>
 
</table>

I don't know if it makes any difference, but it bugs me that the first row is using <th>'s, vs. <td's>. <th> is for header rows, but its not really a header row. I mean, it is the first row, but its not being used as a "header" row. Also, the top 4 items have the "scope="col" id="listCell0-0"" in them. Now, again, I have no idea if that makes any difference, but if I were troubleshooting, the first thing I would do is make sure that all for rows have the same coding styles.

SHRUG, very odd!

Well that will probably explain why the price and "contact me" links are bold in the top row and not in the subsequent rows.

(that was another issue I was about to bring up but I do hate it when more than one topic is in a thread...even though I did that above anyway).

It sounds a bit like this might be a firefox issue, perhaps beta.

thanks for looking at this.

john

Just out of curiosity... does this do the same thing with only 3 items per row vs. 4?