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]

Sorry about that - I even hate the term.. should have taken it as an omen! :)

Vanilla version attached to this post.


Thanks for your on-going assistance.

[edit]
Version of cart on host is 1.3.0.1, not 1.3.0.2 - my mistake.

[TinaS]

interesting i see no place where you are defining a width at all other than the main page wrapper - try this one ... not sure if it will work....

#contentColumnMain
{width:100%;} at the very end of your css - let's see if it snaps it out.

Also, make sure you are doing a forced refresh when you look - i spent hours one nite trying to help someone on here and told them they fixed it over and over only to find out that the reason they didn't see it as "fixed" is cuz they weren't doing forced refresh

[ParadiseSolutions]

Understand entirely regarding the refreshes

I can see that changes I'm making are effecting the site (colours and such) so I know my browser is refreshing OK.

Also, I misunderstood what file you wanted - thought you meant the unmodified one - apologies once again.

My current css file is now attached...

[TinaS]

do you have all these stylesheets in the same directory ? Is it possible that one is over writing the other ?

Remember - zen is built so that if it's in the /css folder it's read - in alphabetical order. So if you have more than one stylesheet in the folder - they are all going to read and the last one read is gonna be the one that is applied in the case of multiple defines of the same classes / id's