Log In · Register

 
 
Closed TopicStart new topic
comment page still stretches despite code, need help to keep comment page in tact
rayray714a
post Jan 9 2006, 08:41 AM
Post #1


Newbie
*

Group: Member
Posts: 2
Joined: Aug 2005
Member No: 204,718



PLEASE HELP! For a tabled layout with a specific width (Example) even though I have a comment-nonstretcher code, it still stretches and distorts the layout on the comment page. PLEASE HELP! Codes are below.

This problem only started when I would put in an "overflow" script. I think there may be a conflict using both together???
_________________________________

Overflow script:

<!-- begin code provided by createblog.com -->
<style type="text/css">
.custom{
width: 350px;
height: ;
z-index:100;
overflow: auto;
border: px #000000 solid;
background: #;
}</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');

}
}
</script>

_____________________________
Then here's the comment page nonstretcher code:

<!-- Keeps Comment Page from Stretching -->
<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width: auto !important;
}</style>
<!-- end code provided by createblog.com -->
 
*digital.fragrance*
post Jan 9 2006, 03:03 PM
Post #2





Guest








Put a number where I have placed the "##". I'm guessing something good would be 200. This makes your comment page a certain pixel width.
 
rayray714a
post Jan 9 2006, 03:40 PM
Post #3


Newbie
*

Group: Member
Posts: 2
Joined: Aug 2005
Member No: 204,718



thanks, but it didn't work :(
 
*digital.fragrance*
post Jan 9 2006, 03:43 PM
Post #4





Guest






The two codes might be conflicting with each other then - try just using the one I gave you. I use it - and it works for me.
 
talcumpowder
post Jan 9 2006, 08:08 PM
Post #5


You'll find me in your dreams.
*******

Group: Official Member
Posts: 8,536
Joined: Mar 2005
Member No: 114,010



'kay.
CODE
<style type="text/css">.custom{width: 350px; height:; z-index:100; overflow: auto; border: px #000000 solid; background: #;}</style>
There's zero point in having that if you don't define a height. wink.gif
CODE
<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width: auto !important;
}</style>
That will still allow your comment page to stretch, just though I'd tell you that. -shrug- &I think the height thing is your problem, worked fine here. wink.gif Although I used digital.fragrance's code combined with the other one.
 

Closed TopicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members: