boxfire Posted January 10, 2004 Posted January 10, 2004 This page.... http://estore.box-fire.com Looks like it's supposed to in netscape. In internet explorer, the center column is wider than it should be for some reason, and I can't figure out why? Can someone take a look? I normally encrypt the source code for security reasons (I use paypal) but I've disabled it for now so you guys can take a look. Thanks, Justin Quote
brian Posted January 10, 2004 Posted January 10, 2004 I might be able to help you out on this. The reason the columns are different widths in both IE, and Netscape is because the font is larger in IE. The only reason I can see this would be (After taking a look at the source, as well as at the CSS file) is that IE interprets the font sizes (x-small, small etc) differently then Netscape does, or it ignores them all together. My best suggestion, is to set the fonts to px, so that both browsers have to size the font the same. Quote
natimage Posted January 10, 2004 Posted January 10, 2004 After playing with it a bit and messing with your code, I agree with Brian on the fonts. Give it a go with setting them to px and see if that doesn't work. Quote
boxfire Posted January 10, 2004 Author Posted January 10, 2004 You guy's are geniuses .... thanks so much!! Justin Quote
boxfire Posted January 10, 2004 Author Posted January 10, 2004 Hmm...I changed the font sizes to pixels....and I'm still getting the problem...hmmm....what sizes did you guys use to get it to work? Justin Quote
sts Posted January 10, 2004 Posted January 10, 2004 With all due respect, I don't think it's fonts. And setting the fonts to px is not user friendly Most likely IE can't calculate widths of cells properly. There is width="100%" in the table with image. The table is fixed so why not calculate the exact width. Plus the main table is too complicated. It's better to have a few simple tables instead of one complicated. I'd suggest remaking it. Like main cage with 3 cells [plus two 1 pixel spacers if you like]: left cell – px – middle cell – px - right cell left cell - 'Ads by Google' table right cell - 'What's an e-book?...' table middle cell – 3 tables: image table, main text table and 'Basic Screenplay Style and Format...' table And always use spacer.gif instead of nbsp. Quote
natimage Posted January 10, 2004 Posted January 10, 2004 Boxfire, Before I started thinking about font size, I was looking at the cell widths and such. I played around and couldn't get it to work perfectly, that's when I kind of gave up and thought it was maybe the fonts. But, since the last reply, I thought I'd tell you what I did...maybe along with something else you do, you will get it figured out. The cell beneath the image...I removed the cell width. The column to the left of that middle cell (width=9)...I removed that number as well. This made progress in that the middle column no longer stretched too far, however, it did not allow that margin of space to the left of that text in the middle. So...maybe that will help if you decide not to rebuild at this time. I do, however, support what "sts" said about making simpler tables instead of one large table. I also know how it feels to think of rebuilding something when you are almost finished!!! Good luck. Quote
boxfire Posted January 10, 2004 Author Posted January 10, 2004 I did what I should've done from the beginning, used php includes to handle the content and highly simplify the tables in my template. Thanks everyone! Justin Quote
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.