The default implementation of column width uses the value you specify in
the width="" attribute of a table cell. Because the entire table has a
width="" attribute of 100%, the table cells for your columns begin at
the widths you specify and then the browser adds an equal amount of
space to each column such that the table satisfies the 100% width
requirement.
The widths specified in the layout tools work best when you leave at
least one column without a width so that column can expand to fill up
the remaining space in the table to 100%. When you do this, the other
columns are usually sized the value you specify. (Assuming there isn't
content inside the portlet that forces the width to be larger such as a
wide graphic or a long line of preformatted monospace-font text.)
If you want to fix the widths of all columns, you must change the markup
for the columns to at least remove the 100% width on the table... but
then if you have pages without widths on the columns, your columns may
shrink to very tiny widths.
You will likely need to both remove the 100% width on the table and
change to CSS widths on the table cells for the columns instead of using
the width="" attribute on the tag. Re: Width of the Skin Yes the html contains correct values . For example the width given in "wptheme-mainContent" is 970px;
I created three column containers and set the width of each to 300px. In HTML source I can see the width as 300px. But appearance wise it's not true. The central portlet is occupying less width.
Thanks
Manoj Re: Width of the Skin In your theme/skin does the width go in the width attribute of a
tag? If so, HTML 4.0.1 defines the values for the width attribute of a
table to not use "px" on the end. So you need to specify "300" and not
"300px".
Here's the HTML 4.0.1 specification for how widths on tables work: http://www.w3.org/TR/html401/struct/...tml#h-11.2.4.4
If the browser doesn't understand the value you specify for width, it's
like not specifying a width at all and then then browser just looks at
the contents of each column and picks random widths.
It sounds like you really do want fixed width columns. (Since you limit
the entire page width to 970px. If so, and if your current widths are
going on the width attribute, this isn't going to work. You will need
to change your skin to use CSS so width="xxx" is changed to
style="width:xxx;". Re: Width of the Skin One more thing is if the contents are rendered using CSA theme, then in the HTML source the values are not there.
Thanks
Manoj Re: Width of the Skin yes that is correct, with out one of the web 2.0 defects the web 2.0 themes ignore any setting for width
IBM Certified System Administrator -- WebSphere Portal V6.0, V5.1, V5.0
IBM Certified Solution Developer -- WebSphere Portal V5.1, v6.0
The postings on this site are my own and do not necessarily represent the positions, strategies, or opinions of IBM Re: Width of the Skin As I mentioned earlier,in HTML source I can see the width as 300px.There are three column containers, for each one I've given width of 300px. But appearance wise it's not true. The central portlet is occupying less width.
Please help me
Regards,
Manoj Re: Width of the Skin and as I said the widths are just suggestions to the browser on how to display everything, I would use a tool like firebug to see what is going on with the widths, and any other containers that might be causing an issue
IBM Certified System Administrator -- WebSphere Portal V6.0, V5.1, V5.0
IBM Certified Solution Developer -- WebSphere Portal V5.1, v6.0
The postings on this site are my own and do not necessarily represent the positions, strategies, or opinions of IBM
| |