BOX Widths needing help

[rustybolt]

I have designed my site locally and fixed the site at a width of 800 pixels using css stylesheet.

 

However the left and right columns dont quite reach the edge of the the Jpeg ive created for the top of the site (header banner) which is 800px wide.

 

How do i adjust the widths of the column boxes on the left and right and am i able to have them at a fixed width?

 

I ask this because if you refesh the page the left column changes width slightly by about 10px and pushes the right column out of postion. this also happens when a product page is loaded, the right cloumn is pushed to the right.

 

this is annoying when everything else looks good, if you refresh again it goes back and so on.

 

anyone help??

[rustybolt]

right ive figured out why but still stuck.

 

ive basically added a 3x3 table in the middle of the index home page displaying 9 different product promotion jpegs ive created in photoshop.

 

ive emedded the html from the dreamwever html file and added into the index file in the english folder. this displys fine but if you keep hitting refresh it resizes the left hand boxes making them bigger slightly then normal. it doesnt do this in a set pattern just randomly .

 

what determines the widthes of the column boxes and can you fix this width?

 

help........

[Guest]

The box width is in catalog\includes\application_top.php

 

define('BOX_WIDTH', 125);

 

I remember seeing a contribution to move and control the width from the admin. Now if however you have a box with an image that spans over that limit or by other means of html code, the pre-defined width has no effect.

[rustybolt]

thanks for that, i can adjust the size now, however when i remove the 519px wide table html from the index page, it behaves fine.

 

when the html is there it adjusts the size of the left column randomly.

 

any idea whats happening?

[Guest]

is the html code correct? I guess you could replace the table with a basic one and see if you're getting the same problem. Like:

 

<table width=519>

<tr>

<td>Some Text</td>

</tr>

</table>

[rustybolt]

just tried your code and yes it behaves the same. left boxes resizeing randomly throwing right boxes out of sync with the 800px banner across the top.

 

Nothing to do with the css ive created to maintain an 800px width is it?

[rustybolt]

not that either, just removed css code and it still happens.

[rustybolt]

right removed table all together now

 

If i keep hitting refresh whilst watching the page, the left hand column of boxes changes in width randomly, one minute itll be fine then it increases by 10 px or so, then back to normal.

 

What controls this width apart from the code in application top.php.?

 

Does it depend on the content in the middle then chamge in relation to that.

 

Say for instance you had a big product pic in the middle, the left hand boxes would decrease in width to accomodate this. How does this work??

 

help...

[Guest]

use the w3c validator. Make sure there are no html errors first. If the table tags are incorrect you will get all sort of problems.

 

http://validator.w3.org/

[rustybolt]

LOL, I feel such an idiot!!

 

The reason it was changing width was because id removed the width value in the images size setup in admin. There were various pics that were too large for the 'whats new' product box on the left, so it resizes it.

 

whats the best way to store the images, all in 100px X 100 px, its just that i read a thread that said to removea value so it wouldnt distort the pic. Can anyone recommend a thumbnail creator or something.

 

If anyone wants me ill be sat in the corner!