Get ready for BLACK FRIDAY shopping starting in

Forums

This topic is locked

misaligned tables in various browsers

Posted 27 Apr 2006 04:31:43
1
has voted
27 Apr 2006 04:31:43 justin deu posted:
Can anyone help me figure out why my tables are aligned differently in different browsers? I designed the site using DWMX on my PC, when I look at it in Firefox or IE6, it looks fine but when I view it on a MAC using Firefox or Safari the main body of text is off centered.

www.krmfg.com/mission_19/ryan.htm

Replies

Replied 29 Apr 2006 03:09:46
29 Apr 2006 03:09:46 Javier Castro replied:
The problem you have is that you are aligning your content table to the marging of the body at 400px, however, that is a problem because the resolution of users is not something you can set as one. The solution to your issue would be to do your page using CSS.

1. create a div let's call it shell, align it as center.
2. Inside shell, create another div call body and make it's width about 760px, it should automatically be centered because Shell has the center align.

3 inside body, create 1 Layer call it Menu and set the margings as top=0px and left 0px and width= 100px
4 inside body, create a layer called Content. set the margins at top=0px and Left 175px that will put the Layer nicely 25 pixels away from menu. Set the hight of your layer and if you want scroll.

5.- put your background image on the div body as one image.

note. make sure to use the Z for organizing your layers.

hope it helps,

javier

Reply to this topic