Column Width - Left/Right (Boxes) configuration

[rbarbour]

This may be answered or very obvious but I can't seem to wrap my hands around it.

For ADMIN > CONFIGURATION > LAYOUT SETTINGS:

Column Width - Left Boxes
Column Width - Right Boxes
Column Width - Left
Column Width - Right

All have a statement that says "px may be included".

My question:

Is there a function that I am missing that adds/strips the px when entered?

I know it gets added to the DB exactly as entered.

Using FF and the dev tools it gets added to the style as entered as well.

<td style="width: 150px;" class="columnRight" id="navColumnTwo">
<div style="width: 180" id="whosonline" class="rightBoxContainer">

Clearly this style="width: 180" will have no effect.

I am testing new responsive code and came across this hoping for a better understanding.

[rbarbour]

I am wondering if this is a unique situation or if I altered something and forgot to comment it.

I will test on a clean install and update.

[rbarbour]

Outcome on a clean install is different.

admin settings:

Column Width - Left Boxes 180
Column Width - Right Boxes 170px
Column Width - Left 180
Column Width - Right 170px

left column doesn't show class with width
<td class="columnLeft" id="navColumnOne">

right column shows correctly
<td style="width: 170px;" class="columnRight" id="navColumnTwo">

left boxes doesn't show class with width
<div id="bannerbox" class="leftBoxContainer">

right boxes shows correctly
<div style="width: 170px;" id="whosonline" class="rightBoxContainer">

I am thinking this is a bug and maybe should be updated in future releases.

[rbarbour]

Outcome on a clean install is different.

admin settings:

Column Width - Left Boxes 180
Column Width - Right Boxes 170px
Column Width - Left 180
Column Width - Right 170px

left column doesn't show class with width
<td class="columnLeft" id="navColumnOne">

right column shows correctly
<td style="width: 170px;" class="columnRight" id="navColumnTwo">

left boxes doesn't show class with width
<div id="bannerbox" class="leftBoxContainer">

right boxes shows correctly
<div style="width: 170px;" id="whosonline" class="rightBoxContainer">

I am thinking this is a bug and maybe should be updated in future releases.

Correcting myself:
left column doesn't show style with width
<td class="columnLeft" id="navColumnOne">

right column shows correctly
<td style="width: 170px;" class="columnRight" id="navColumnTwo">

left boxes doesn't show style with width
<div id="bannerbox" class="leftBoxContainer">

right boxes shows correctly
<div style="width: 170px;" id="whosonline" class="rightBoxContainer">

[dw08gm]

I have been struggling to understand what you are saying here. Then I stumbled upon the following.

From HTML5 manual

http://www.w3.org/TR/html5/single-page.html

10.2 The CSS user agent style sheet and presentational hints

The CSS rules given in these subsections are, except where otherwise specified, expected to be used as part of the user-agent level style sheet defaults for all documents that contain HTML elements.

Some rules are intended for the author-level zero-specificity presentational hints part of the CSS cascade; these are explicitly called out as presentational hints.

Some of the rules regarding left and right margins are given here as appropriate for elements whose 'direction' property is 'ltr', and are expected to be flipped around on elements whose 'direction' property is 'rtl'. These are marked "LTR-specific".

These markings only affect the handling of attribute values, not attribute names or element names.

When the text below says that an attribute attribute on an element element maps to the pixel length property (or properties) properties, it means that if element has an attribute attribute set, and parsing that attribute's value using the rules for parsing non-negative integers doesn't generate an error, then the user agent is expected to use the parsed value as a pixel length for a presentational hint for properties.

When the text below says that an attribute attribute on an element element maps to the dimension property (or properties) properties, it means that if element has an attribute attribute set, and parsing that attribute's value using the rules for parsing dimension values doesn't generate an error, then the user agent is expected to use the parsed dimension as the value for a presentational hint for properties, with the value given as a pixel length if the dimension was an integer, and with the value given as a percentage if the dimension was a percentage.

Hope it helps.

[DivaVocals]

Correcting myself:
left column doesn't show style with width
<td class="columnLeft" id="navColumnOne">

right column shows correctly
<td style="width: 170px;" class="columnRight" id="navColumnTwo">

left boxes doesn't show style with width
<div id="bannerbox" class="leftBoxContainer">

right boxes shows correctly
<div style="width: 170px;" id="whosonline" class="rightBoxContainer">

I have to look for it (I stopped working on this template ages ago..), but I have code that might help.. When I was experimenting with creating a tableless template, I ran into the issue you are discovering..

I needed to enter these values as percentages as well as px, and I also needed it to recalculate the center column based on whether the left or right column was on or off.. The venerable niccol was kind/gracious enough to share the code I needed to do this..

I'll look for my code and e-mail it to ya....

[rbarbour]

I have been struggling to understand what you are saying here. Then I stumbled upon the following.

From HTML5 manual

http://www.w3.org/TR/html5/single-page.html



Hope it helps.

I understand the ltr specifics.

What I am trying to say is when you enter 180 instead of 180px in ADMIN>CONFIGURATION>LAYOUT SETTINGS

Column Width - Left Boxes
Column Width - Right Boxes
Column Width - Left
Column Width - Right

180 has no effect
180px works as intended

But the admin configuration descriptions indicate:
Column Width - Left Boxes Width of the Left Column Boxes px may be included
Column Width - Right Boxes Width of the Right Column Boxes px may be included
Column Width - Left Width of the Left Column px may be included
Column Width - Right Width of the Right Column px may be included

That's all.

[rbarbour]

I have to look for it (I stopped working on this template ages ago..), but I have code that might help.. When I was experimenting with creating a tableless template, I ran into the issue you are discovering..

I needed to enter these values as percentages as well as px, and I also needed it to recalculate the center column based on whether the left or right column was on or off.. The venerable niccol was kind/gracious enough to share the code I needed to do this..

I'll look for my code and e-mail it to ya....

ZC stock configuration, has nothing to do with responsive or table-less display.

This brings me to question the min-max values as well seeing how so many people can't get their center-box images to appear consistently with the 80-100 values.

[DivaVocals]

ZC stock configuration, has nothing to do with responsive or table-less display.

This brings me to question the min-max values as well seeing how so many people can't get their center-box images to appear consistently with the 80-100 values.

I understood that sir.. what I SAID is that I have some code that might help you with the issue you are finding with the admin column settings since I ran into the SAME issue when creating a tableless template once upon a time..

I e-mailed the files to you.. use them don't use them.. the code I used was meant to solve the issue you are running into.. It may not work for you.. The code I sent you allowed me to enter the percentage values in the admin for the column and sidebox widths without any symbols (% or px). The HTML output correctly showed these values as percentages.. This solved the issue you are finding now, so I thought that seeing how I solved the issue with the code niccol provided to me might be useful for you..

[rbarbour]

I understood that sir.. what I SAID is that I have some code that might help you with the issue you are finding with the admin column settings since I ran into the SAME issue when creating a tableless template once upon a time..

I e-mailed the files to you.. use them don't use them.. the code I used was meant to solve the issue you are running into.. It may not work for you..

Gotcha - Diva to the rescue. LOL