Looking for help debugging some HTML & CSS

[danamongden]

I'm looking for someone to help me fix a couple of problems I'm having with HTML & CSS for another site I'm working on.

Specifically, on this page the side bar should be on the side. Instead, it's down at the bottom. It doesn't matter how wide the browser gets, it's still at the bottom.

Then, on this page I can't get a horizontal scroll bar

Comments

[arthurthedented]

did you mean to lock this one? i was trying to pass the link to my son (who is order of magnitude better at this stuff than I am) but he cant view the link to this entry....

[danamongden]

Ah, I have LJ set to friends-lock by default. I have since edited this post to be public.

According to my son Brian...

[arthurthedented]

"For the first one, theres no closing tag for
"

[arthurthedented]

For the first one, theres no closing tag for

'div class="entry" id="entry-1"'

if I include the bracket characters it eats it as html....

[arthurthedented]

I'm not sure what he means by this but...

"Brian Keyes: And for the second one,
.entry, {
...
overflow: hidden;
...
}"

[danamongden]

Bingo! He was right on both. Thanks!

So, was this done simply by code inspection by an expert, or does he use a software tool to do some of the analysis?

Also, can he recommend a good CSS reference? The online one I've been using didn't list the overflow definition.

[arthurthedented]

The expert was Brian, my 18 year old son attending UTD as a dual math/comp sci major on full academic scholarships... he hates GUI sorts of things and tends to do everything in notepad.

He did pass me some links in dim and distant days when he had hopes I'd try to learn this stuff (I'm working on content production so website design beyond the basics I need is sort of a secondary distraction for me just now). when I'm at home and have those links I'll pass them along and check if he has an Email (we usually do phones and IM) that he checks regularly now in case you want to establish a dialog (or happen to know any folks who might want to pay for site design/construction/admin , yes he is, or is rapidly becoming , that good- still needs to work on his customer interface skills, but his ability to soak up tech and make it go still floors me)

link he gave me on the 'read this and you shall be enlightened'

[arthurthedented]

http://www.w3schools.com/xml/xml_whatis.asp

Good to see you and Julia tonight.. I'll look forward to more of that :)

Re: link he gave me on the 'read this and you shall be enlightened'

[danamongden]

Ah, the link in question was for an XML tutorial. I'm already intimately familiar w/ XML as we use it frequently at work. In fact, I was one the early XML champions at the office pushing it to become the new standard for many of our support files. (My real life job is as a full-time computer programmer, though I won't identify the company in a public post.)

However, that link did lead me to what looks like a good CSS tutorial & reference here:
http://www.w3schools.com/css/

Let him know that I now owe him some Poser tips.

Re: link he gave me on the 'read this and you shall be enlightened'

[danamongden]

Another challenge for your budding genious:

This page

http://www.twosidesimaging.com/2005/12/intercession.html

is one where the image had been getting cropped. Now it can be seen completely via the scrollbar. However, The other page elements are still sized to the browser window width, i.e. title bar, framing, etc.

It's something I could live with, but it looks sloppy, and I've seen other pages (notably on Renderosity) where this is handled correctly. I've been digging through their HTML and embedded CSS code, but I don't seen any explicit size reference other than noting the image width within the IMG tag. I added that explicitly as a test, but it still didn't size the other page elements correctly.

Can he work his magic again?