Comment Popup won't scroll

[ZachMatthews]

Hey guys-

My blog is www.itinerantangler.com/photoblog

The comment popup is apparently a set size and is refusing to scroll downward. I checked my .css for the wrapper, which looks like this:

#wrapper {
padding:10px; margin:0px auto; border:1px dotted #996600; width:400px;
text-align:left; background-color:#ecdfb7
}

Looks to me like there is no height setting and the window should scroll but I may be missing the .css command to tell it to do that. Can anyone help me?

Thanks,
Zach

[Connie]

Zach,

<!-- PIXELPOST RULES!! -->

but you make OPERA 8 blind! I just see nothing in your website ;=(

in FireFox I see no scrollbars, but I can scroll using the scroll wheels of the mouse...

please tell us, which browser you use that you cannot scroll

the comment-popup is started with the following commands:
window.open('index.php?popup=comment&showimage =$image_id','Comments','width=480,height=540,scrol lbars=yes,resizable=yes');

so you should have scrollbars and a resizable window

[ZachMatthews]

Connie-

Thanks for taking the time to check it out. I am using Internet Explorer 6, and I have made an effort to make the site Firefox compliant. To be honest, I have never heard of Opera 8 and 99.99% of my potential viewers won't have either. I consider it annoying to have to code for Firefox (I am mainly annoyed that Dreamweaver doesn't seem to want to be W3C compliant if I make any visual changes). I am a designer, not a programmer, and an amateur one at that.

I looked in my image_template.htm and I only open the comment window with the PixelPost command: <comment_popup>. Should I recode with what you say, and if so, would I just replace the comment tag with your code or do I need to let it know it is scripting or something?

Thanks for trying
Zach

[Connie]

Hi Zach,

well you Americans (are you american?) surely don't know so well Opera, it's even more standard compliant than Firefox I dare to say (and very very fast as well)

so if you use Internet Explorer and Macromedia Dreamweaver, you have a hellish combination :cry:
I can understand that you do not want to edit directly and prefere to work visually..

the comment-popup is called from the script, which generates the script, so you should not alter something, that's not necessary

I tried to find out which version of PP you use and what did I see?
there is a unclosed-comment! That's why my good Opera is not showing anything...

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin Menu Protection Script
function right(e) {

first, close the commenbt after ..Protection Script!
like
<!-- Begin Menu Protection Script -->

and: never never use a script which checks which Browser is coming along and which only detects IE or Netscape !!! that's a real sin and not necessary anymore at all...

[ZachMatthews]

Thanks Connie. I didn't know comments had to be closed, and I lifted that button killer out of an older javascript database. Like I said I don't code, and I couldn't keep a determined hacker from taking my pictures anyway, but I did want at least the vast majority of people who right click to at least know I wasn't giving the pictures away.

I will close the comment and then maybe Opera will work? Can you see the other pages of my website?

Now, what changes do I need to make to let my Comments window scroll?

Thanks for your help.

Yes, I am American. I take it you are German? I am amazed at the world-wide influence on this board. Where else would an American get a street-level view of Tehran? Our news certainly isn't going to bring it to us.

Zach

[Connie]

Zach,

yes I am german. And I also like a world-wide community very much, as you could easily see at my other domains (http://www.zweiterblick.de, http://www.avantart.com or http://www.terterian.org)

what I learn from you is that the german word "angler" is known in the anglophone world ;=)

yes, I can open your other pages with Opera (that's a great scandinavian product, one of the best browsers of the world!)

now the code of your page:

1) take off the comments before <doctype here:

<!-- template by: keoshi - netbird[at]netcabo[dot]pt -->

<!-- 2004 -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
comments are elements of <head> or <body>, before <doctype there should be nothing!

2) all Pixelpost-files must have the following code-page:
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> as all database-output is in UTF-8

3) if you use the CSS-element "imageinfo" more than once, it should not be an ID, but a class:
change
#imageinfo {
font-size:10px;
font-family:sans-serif;
}
to
.imageinfo {
font-size:10px;
font-family:sans-serif;
}

and the <div id="imageinfo"> to <div class="imageinfo">

4) <div class="imageinfo">
<b><p> is really wrong, take off the <b>, change to
<div class="imageinfo">
<p>

5) do not use <br> in XHTML, use <br />instead

6) take off the closing </b> after the image-description:
</b>
</div>

<p />   

if you use the code like here in the code-box, you will have valid HTML completely:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<title>Comments on Operator Error</title>
<style type="text/css">
body {
background:#ece9d8;
margin:10px;
padding:0px;
text-align:center;
font-size:9px;
color:#444444;font-family:Verdana
}
#wrapper {
padding:10px; margin:0px auto; border:1px dotted #996600; width:400px;
text-align:left; background-color:#ecdfb7
}
#title {
font-size:16px;
font-weight:bold;
font-family:Verdana;
color:#000000;
letter-spacing:-1px;
}
.imageinfo {
font-size:10px;
font-family:sans-serif;
}
#addcomment {
border:1px solid #996600;
font-family:Verdana, Helvetica, sans-serif;
background:#ece9d8;
padding:10px; border-top-width:1px
}
#comments {
width:100%;
border:0px solid #996600;
font-family:Verdana, Helvetica, sans-serif;
}
#comments ul {
padding:0px;
margin:0px;
display:block;
list-style:none;
width:100%;
}
#comments li {
padding-bottom:10px;
padding-top:10px;
padding-left:5px;
padding-right:0px;
margin:0px;
border-top:0px;
border-left:0px;
border-right:0px;
border-bottom:0px dotted #444;
}
#comments li:hover {
background:#fff;
}
#comments li a {
text-decoration:none;
color:#444;
}
.input {
border:1px solid #808080; font-family: Verdana; font-size: 10px; text-decoration: none
}
</style>
<script language='javascript' type='text/javascript'>
<!-- BEGIN
function flip(rid)
{
current=(document.getElementById(rid).style.displa y == 'none') ? 'block' : 'none';
document.getElementById(rid).style.display = current;
}
// End -->
</script>
</head>
<body>

<div id="wrapper">
<div class="imageinfo">Commenting on:</div>
<div id="title">Operator Error</div>
<div class="imageinfo">
<p><b>Camera:</b> Nikon N75<br />
<b>Film:</b> Fuji Velvia 50<br />
<b>Lens:</b> Nikon Nikkor 50mm f/1.8<br />

<b>Aperture:</b> f/8<br />
<b>Speed:</b> 1/125<br />
<b>Flash:</b> None<br /></p>

<p>The nice thing about Fuji Velvia chrome is that even when you screw up, as I did here by leaving the camera on an aperture-priority setting from a previous picture, you sometimes still wind up with something cool. This image reminds me of the flow of the river, which kept me from remaining still enough to take what would have been a boring shot. Velvia's saturation also can't be beat.</p>
</div>

<p />   
<div id="comments">
<ul><li>No Comments Yet.</li></ul>
</div>

<div id="addcomment">
<b>Add your comment</b>
<form method='post' action='index.php?popup=comment&x=save_comment ' name='commentform' >
Message:<br />
<textarea name='message' rows='2' cols='10' class='input' style='width:360px;height:60px;'></textarea><p />   
Name:<br />

<input type='text' name='name' class='input' /><p />   
Website URL, if any: <br />
<input type='text' name='url' class='input' /><p />   
<input type='submit' value='Add' style="font-family: Verdana; font-size: 10px; text-decoration: none; font-weight: bold" />
<input type='hidden' name='parent_id' value='208' />
</form>
</div>

</div>
</body>

</html>


as it is late now here in Hamburg, I will close on that. The HTML is valid now, the CSS is valid as well, now you have to find out about the scroll bars or we will find out here... but today I am too tired

[ZachMatthews]

Thank you Connie. I am getting a crash course in .css and cross-browser compliance.

I will make the fixes you were so nice to lay out, and hopefully someone will be able to identify my scrolling problem.

(All those extra comments were part of the various templates and java pieces I cobbled together, by the way, not my own comments).

Zach

[ZachMatthews]

Connie-

I used your line plus the <IMAGE_ID> tage and fixed my scrolling problem:

<a href="#" onClick="window.open('index.php?popup=comment&showimage =<IMAGE_ID>','Comments','width=480,height=540,scrollbars=yes, resizable=yes'); ">Make a Comment</a>

Thanks!

Zach

[Connie]

great! I am glad that it works!