information box seems cut in half?

[spottedhaggis]

I have been messing around with the stylesheets, and so far everything nearly looks right except for the information box.

For some reasn (and its been like it for a while) it has lost the right side, and I have no idea why.

I assume it must be the style sheet thats doing it, but at the same time,all other boxes are perfect.

Anyone know whats different about the information box at all?

Many thanks.

See it here - www.spottedhaggis.com/macrozen

[spottedhaggis]

ok, so I have replaced all the common files with the default Zen ones and also the CSS, no change so thats ruled them out.

[spottedhaggis]

I figured it out, though I donot understand why it happened.

In admin the box width is set to 172px. All but the information box display this without issue.

I edited the style sheet and set the width fr sideboxcontent to 161 and now its perfect, set it in style sheet to 172 (as it is in admin) and it goes of the screen.

No idea why this is the case, but its working.

[dbltoe]

You've got four errors in the CSS, one of which may be part of the problem.
Lines 26, 46, 580, and 666.

[spottedhaggis]

I did a check with Dreamweaver on the css, and it found sweveral locations where I had the font enclosed with quotes.

I removed these, but still I have the same issue with the information box.

The problem seems t depend on various factors.

1st, in fireforx it is not a problem at all.

In IE, if I alter the width setting on tthe following CSS, I either have a cut in half information content box, or I have a cut in have categories heading and information heading. I cant fathom it out. I have tried adding width to the following three tables, and if I do it to all three, the left box titles are cut, if I remove it from one or another the information content is cut.

What on earth am I doing wrng here.

.leftBoxHeading, .centerBoxHeading {
font-family: Trebuchet MS;
font-size: 18px;
color: #74BD64;
}

.leftBoxContainer, .rightBoxContainer {
border: 0px solid #9a9a9a;
border-bottom: 0px solid #649b98;
}

.sideBoxContent {
color: #ABD69B;
font-family: Trebuchet MS;
font-size: 12px;
font-weight: bold;
text-align: center;
}

[spottedhaggis]

how do yu validate the css. I tried using firefox to do it but it fails, says therre is an error on the xhtml that needs fixed first.

[dbltoe]

better fix your index.php!

[spottedhaggis]

lol,

ok I have now managed to get the full information box cntents to display, sadly a new issue has arrisen.

The information box links are sort of justified, in that most only fit on a single line, but 2 of them are sitting side by side, also, the bigger issue, I have changed the font colour to white as this is what the client wants, and of course I cannot see these links now.

Man I so suck at CSS.

My index file is the stock one and has not been altered at all.

[dbltoe]

Then maybe some magician removed it from your root?

pretty vulnerable.

[spottedhaggis]

oh ha ha, lol, well, given I can get to the site I pretty much ruled that oe out, call me a novice if you will, but that seemed a logical assumption.

I have played and played with the css, nothing I do seems to make any different to the information content area, the links are there, if I move the mouse over they go black, but they are not visible, and site map and contact us are both on the same line.

I even put in the stock css file, and though the links returned to being visible, the site map and contact were still on the same line, and also I again suffered from the partly cut of information?

It has to be a file, surely, but I also replaced the information tpl and the modules information files, still nothing worked.

Are there any other dependant files I have perhaps missed.