programmer-in-training

I was hoping to have the sidebars width fixed in all circumstances.

I can't seem to get tables to do it, either. My links push down the bottom of the table beyond the screen; they won't stay within or resize with the window.

Well, I will resort to tables if there is no way to do it otherwise.CSS designers, the ball is in your park!

I'm not sure If I'm communicating what I want properly. I'm want the edges (header, footer, sidebars) to stay fixed, never smaller than the browser and never larger. I don't want to body itself to scroll at all.Then, I want the content inside to act as a normal web page, scrolling etc.The best I've come up with has the whole page scrolling instead of just the content inside.Is this clear enough?

It didn't quite work. I want to have the menu be 134px wide, the links 188px wide, the header 128px high, the footer 1em high, and stay that way.But more importantly, I need this arrangement to fill the available space at all times (so that the footer is always at the bottom, even if there's not enough text).I also need the content to scroll inside, with the menu, links, header and footer staying still.Is it possible? I don't know if I know enough. Is it possible to add/subtract CSS values, e.g. 100% - 128px - 1em?

NCH Software's FTP programs are free and useful.I use Fling, because that automatically syncs my Web Dev folder with my website whenever I save a file.

I can't seem to juggle the <div>s around properly. I'm looking for this structure:What HTML and CSS should I use? (I would like the menu, links, logo and footer to be fixed and the content to scroll.)

Thanks, I think I'm on the right track now.

I was recently reading up at http://www.safalra.com/web-design/ and had my views changed on uses of tables. Now I have a question -- I'm trying to stick to the XHTML Transitional DTD, but I don't know how to design the layout with <div>s. The catch is, I want the logo and footer always visible, i.e. the body doesn't scroll but the content does. How do I set up <div>s to do this? If I include the <!DOCTYPE>, the width and height 100%'s don't seem to work -- the <div>s just shrink. Logo {Width: 100%; Height: 128px} Menu {Width: 134px; Height: 100%} Content {Width: 100%; Height: 100%} Links {Height: 100%} Footer {Width: 100%; Height: 1em} Do the 100%'s fill extra space, or force more? I.e, does 134px + 100% = the page width, or 134px + 100% = page width + 134px?

I just started on a small site, www.schoolsareforfish.net. The sidebar works perfectly in FireFox 3 (which I was using while writing), and decently in FF 2, but horrible in IE. The menu is JS-driven. It flickers because every millisecond (read: as fast as the browser can calculate) it recalculates and completely rewrites the innerHTML of the sidebar <td>. I'm not sure how to go about fixing this.Also, the bubbles don't appear for some reason; the z-index is fine, but they won't show. And the water stays at the top and grows longer, looking rather silly!In Opera, the water starts 2x too high and moves 2x too slowly.Lastly, I haven't figured out how to preload images yet, so that would be invaluable to know.Well, I'm just a bundle of problems! But i would sure appreciate some hints. Thanks!EDIT: The title has a misspelling.

-

It won't let me run JS functions contained in the main site, if I'm at the blogspot site.

Well, each page on my site has a JS file referenced within it. I would like to reference the same JS file at "my blog".blogspot.com.

Great! I would have thought that you could assign strings as well, because you assign strings in HTML.

Does that work for both IE and FF?