Width Issues......Again...

[ParadiseSolutions]

Hi all

Shame my first post has to be one where I'm floundering...

I've been looking at the many posts relating to width problems, but none seem to match what I'm getting - appologies if I missed the answer I'm looking for.

Cart version is 1.3.0.2 and my stylesheet was taken from template_default. I've yet to upgrade because Zen came with my hosting provider and upgrading is another kettle of fish. Browser is IE6, latest updates.

My main page displays how I want it - 100% screen width (the 2 side bars are the default width and the center section consumes all that is remaining), as does the new user form when you click to log in. Problem is that all other pages (search, catagory listings etc) seem to consume varying amounts of the screen - sidebars still correct width, but the center section seems to 'snap to contents'.

I've been pasting 'Width: 100%;' all over the place but nothing seems to have the desired effect. It does, infact, have no effect on any thing it would seem. Could someone point me in the right direction?

Notable sections of my CSS include:

body {
margin: 0;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 62.5%;
color: #000000;
background-color: #e5edf5;
width: 100%;
margin: auto;
}

#mainWrapper {
/*bgcolour for anything not defined elsewhere*/
background-color: #CCCCCC;
text-align: left;
width: 100%;
margin: auto;
vertical-align: top;
}


It is also worth noting that this happens with a vanilla Template_default css file.

If somone could assist, I'd gladly buy them a beer!


Regards


Paul

[TinaS]

Paul have you looked at ContentMainWrapper ?

Or Centercolumn ?

[ParadiseSolutions]

Hi Tina - that was amazingly quick!

Yea - I pretty much tried modifying anything (methodicly) that mentioned center or mainwrapper /contentwrapper to be width 100% but without effect:

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: auto; /*0em;*/
padding: 0em;
width: 100%;
}



Setting this entry:
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
padding: 0.8em;
}

to be width 100% causes text flow issues, where text flows underneath the right sidebar and wraps at the far right edge instead of just short of the left edge (of the right side bar... too many left and rights.. sorry if I'm not very clear..)


As a side note, there does seem to be a a bit of doubling up of statements in the vanilla CSS - mainWrapper margin set to 0em in one section then set to auto in the immediate next section. Can this cause issues?

[TinaS]

hmm i know nothing of the vanilla css - but what you could try is completely removing the width on the wrappers other than main and see if it stretches it out.

Is vanilla css a template from here? I can look at it for you.

[ParadiseSolutions]

Is vanilla css a template from here? I can look at it for you.

Sorry..vanilla = plain - unmodified from the template_default directory


Paul

[TinaS]

ahhh ok

never heard that term before
can you give me a URL to look at - i will find it

[ParadiseSolutions]

Bah!!

OK, found the issue. Using DOS FTP currently as away from my own machine... must have cd'd wrong somewhere and ended up copying the classic tpl_*.php files, instead of the template_default ones. Sorry for wasting your time Tina, but thank you for your excellent help.


Missing my WsFtpPro...


Regards


Paul (stil not slept yet)