Can someone point out what I've done wrong?

[Guest]

Hey everybody!

 

I know this question technically doesn't related to the shopping cart portion of my site, but I am trying to get my .html pages of my site to resemble the store portion.

 

Hence, I am slowly creating a stylesheet appropriate to my .html pages. I have already created a nav and footer file being pulled in via a php function.

 

I've added the fix-width function, thake is used on the store, to the .html pages stylesheet (which is currently on the page itself and not a separate file yet). I've put the div's before and after the whole page (right after and before the body codes). There are only two tables total. The first table has only 2 rows: the header row and the body row, the body row is divided into three cells.

 

For some reason, the rightmost cell wants to push beyond the whole page. My three cells add up to 100%. I've adjusted them to be below 100% and that doesn't affect the issue. I've labeled the width of the table at 900px and then at 100% - both don't solve the problem.

 

I have left the tables' borders on to "1" just for visual sake. The placements of all elements on the page are just fine, even within the right cell.

 

Can someone tell me what the heck I am missing that is so obvious as to why the right cell is pushing so far out? Thanks in advance.

 

Test Page

[Guest]

Slight update - I just moved, in the header, the second picture (the 6 mini pics in a block) from align "right" to align "center", which is not what I want.

 

That did bring the right column in within the whole table again though. But it's still pushing the table to beyond 900px. The second table (bottom) is doing just fine.

 

Any ideas?

[MJP]

Hey everybody!

 

I know this question technically doesn't related to the shopping cart portion of my site, but I am trying to get my .html pages of my site to resemble the store portion.

 

Hence, I am slowly creating a stylesheet appropriate to my .html pages. I have already created a nav and footer file being pulled in via a php function.

 

I've added the fix-width function, thake is used on the store, to the .html pages stylesheet (which is currently on the page itself and not a separate file yet). I've put the div's before and after the whole page (right after and before the body codes). There are only two tables total. The first table has only 2 rows: the header row and the body row, the body row is divided into three cells.

 

For some reason, the rightmost cell wants to push beyond the whole page. My three cells add up to 100%. I've adjusted them to be below 100% and that doesn't affect the issue. I've labeled the width of the table at 900px and then at 100% - both don't solve the problem.

 

I have left the tables' borders on to "1" just for visual sake. The placements of all elements on the page are just fine, even within the right cell.

 

Can someone tell me what the heck I am missing that is so obvious as to why the right cell is pushing so far out? Thanks in advance.

 

Test Page

your fix center is 900px and your table is set to 100% so your table is going to stretch to 900px or 100%.

if you don't want it 900px why did you set the fix center to 900?

[Guest]

*does the happy hamster dance*

 

MJP - sorry - I've been away from this forum while working on the site, so I never saw your posting til now.

 

I fixed my problem - had nothing to do with the 900px (fixed width) or 100%.... It was some elements in my middle cell that was set wrong ... they were set for the original index page ... I moved them accordingly and all is spiffy now!

 

The ONLY thing is when you view the above link via FireFox - it looks perfect. You view it via IE - the site isn't centered and the header is wrong (horizonal bar and such). Not sure why.

 

The horizonal bar is exactly 900 px in length. And the header table is a complete copy/paste from the original index page where one error is corrected. Not sure why it would read it wrong on one page and right on another when it's the exact same code.

 

MJP, to answer your question. The 900 px is the full size of the ... what's the phrase, "viewable site?" So, the tables would be 100% of the 900 px. Just like cells would be a percentage of the width of the table. It has always worked perfectly for me in the past.