Tricky as I can’t see the real page.
I think what is happening is that on the comments page, a width for the text container is not being specified, so it just fills the available space.
My initial approach would be first to define a container:
#commentrap {
width: 300px;
}
Then edit wp-comments.php and enclose the correct area inside the new div.
<body>
<div id="commentrap">
and then place the closing </div> under the last line of html in that file.
Like I said, that’s where I would start…. post back if this doesn’t help, but a link to the actual pages would be very useful as we can then play with the css from our end.
podz, thanks for your response. I was able to play with the width and here is what i came up with:
http://img101.exs.cx/img101/1219/comment2.jpg
My only problem now is with padding (I guess). How can i solve this problem? Oh by the way, i’m working on localhost so i can’t give you a link to the site.
Are the vertical lines a background graphic, or part of the css ?
I would try making the containing div very small – say 50px – see what happens (big changes are easier to see) or even colouring different parts of the controlling css.
That makes each section easy to differentiate, then when all is good, remove the colours.
Vertical lines are background graphics. I forgot to mention, I’m using Kubrick. I have an idea. I’m going to use my index.php for comment.php and just change the narrow column part. Ok, one sec, let me try this out.
Nope. I could not do it. I’m running out of solutions 🙂 It’s probably a very simple thing. But i don’t know what it is.