Firefox Issue

[bmark]

Can someone help me out with this f!@#$$%^%ing IE and firefox issue.

My website 'models.overboardvideo.com' appears fine in IE but when I display in Firefox it srews up. If my page was staic it would not be a problem but I don't know how many images I will be displaying when the page is built, thus the problem.

I am generating the images from a content engine backend and I just want them to wrap like it does in IE,

HELP would be appreciated

Frustrated

[drjones]

I wouldnt put each single image into its own table. Make the grid of models one table and put the images in each cell.

[Elixir]

I think you should use Mozila

[biftek]

firefox is mozilla , it's built on the mozilla engine
bit hard to put a finger on the problem , got a link to see what the prob is ?

[ungratefulninja]

I'm assuming you are using a table for each model so you can put their name below their picture. You could simply do the same grid and have row1 be the pictures and row2 be the names, etc. Or you can still keep your individual tables, but you'll need to use another table to divide each model/name table to be one cell, then another model/name table be the next cell.

Then I generally use php, so I'll have an IF statement check the number of thumbs its pulled from the database, and when it reaches the number of thumbs I wanted in that row, it'll start a new row and begin counting again. It basically just echoes a "</tr><tr>" every 6 thumbs and continues about it's merry way.

[u-Bob]

http://validator.w3.org/check?uri=ht...ult%2F0%2Fhome

Result: Failed validation, 14 errors

this is not a Firefox problem... your site just contains a bunch of invalid html tags...

[sleazy_eddie]

Trust firefox over IE for HTML design standards.

Firefox conforms to HTML coding standards, while IE does not.

I'd be more worried if it didn't work in IE though, because what? 75% of all users still use it? Man, the majority of the internet is stupid, but thats the majority that also pays for porn so I won't knock them too much

[tripy]

you can solve it easy with css

just add this to your .css file (styles.css)

/*------------- Start of mozilla & firefox wrapping hack -----------------*/
span table{
float:left;
height:110px;
margin:2px 5px;
border:1px dotted black;
}

span.buttonLarge{
clear:both;
display:block;
}
/*------------- End of mozilla & firefox wrapping hack -----------------*/

And voila...., everything is wrapped. Not aligned though (this would require more work) , but wrapped...
The only thing is that I run on firefox here (sorry, I'm a developper geek, I run linux, so no IE on hand) and I don't know how it will render on IE.