tables are not consistant with explorer & firefox

[swelker]

I'm setting up an e-commerce site. I have created tables and placed drop-down menu and add-to-cart buttons that link to paypal. Each pair of drop-down and add button are encased in a Form. The problem is in Internet Explorer they line up pretty closely to what shows in my dreamweaver Design mode(they should be located directly under the product), but when I pull up the website in firefox they seem to be setting to the left. Any help will be appreciated. Here's the website so you know what I'm talking about: http://www.jtcarpetbag.com/lifestyle.html

Thanks in advance!

 

[swelker]

Here is the form code I'm using...

<form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="DFF268TRFF6X6">
<table align="center">
<tr><td><input type="hidden" name="on0" value="Patterns">
Trim</td></tr><tr><td><select name="os0"> <option value="Black">Black </option> <option value="Pink">Pink </option> <option value="Yellow">Yellow </option> <option value="Red">Red </option>
</select> </td></tr>
</table>
<input type="image" src="http://jtcarpetbag.com/images/addtocart2.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"> </form>

 

[Frank]

This is what I'm seeing in IE9 (top) and FF4 (bottom): http://prntscr.com/3go5n. Please indicate what you would like changed, coz' you're not really clear on that.

 

[swelker]

Thanks for the response. The problem with the navigation bar.. is just with spacing. That's not the issue I'm asking about. Under the nav bar... I have a three column table. I've placed 8 Forms containing a button and dropdown under each tote. On Explorer they look pretty centered under each purse, but in firefox some are left justified. I need them to be place directly under each purse. Hope this clarifies my issue. Thanks.

 

[Frank]

I had a look whether there would be a quick fix, but I don't see it. Worse even, it is the weirdest constructed web-page I've ever seen. Scout's honor. And not surprisingly, it is riddled with errors as well: W3C Validator. I would have to redesign the page entirely for you, but would have to refer you to a professional web designer in your region for that because I don't do design orders over the internet.

Alternatively, you could learn how to write proper HTML and CSS, by doing this free, online course: http://w3schools.com.

 

[Phreaddee]

your not wrong frank. and it all goes wrong from line 1.
You need a properly formed doctype, otherwise IE goes into quirks mode...where anything goes! firefox, i'm afraid to say IS displaying it properly, IE is not.
the embed should not be in the head, in any case music on websites is usually a bad idea. at least you have it set to not play straight up.
the styles and scripts are all messy and need to be placed externally so it is easier to manage.
use divs instead of tables for the products
find a different script for the dropdown, or better yet build it with css.

dreamweaver Design mode

NEVER EVER rely on this!

...and remove those dodgy marginheight=0 blah blah from your body tag. that stuff is deprecated.