JohnOAS

I'm afraid I'm going to ask the obvious question in: "What container?". Setting the height for the <div> isn't valid. What sort of encapsulation should the navigation section have?I tried giving all three sections (body, container (menu) and content )sections 100% height, but the content text still wraps under the menu.#content { color: white; list-style-position: inside; height: 100%;}body { height:100%; color: white; background: black;}#container { height: 100% }I've actually resorted to using a small table to create the appropriate space. I know this isnt the best way to do it.

Very nice, thankyou. I had to play with it a little to implement your idea with my CSS, but now it works fine.Is there a preferred method for keeping the area below the navbar "free" that's more elegant than a table cell or image of the appropriate width/height? Basically I want text to the right of the navbar to keep the indent once it's passed the navbar content.

You can certainly do it. The level of difficulty and work requried depends on a few things:What the original VB code actually does.What version of VB the code was written for.How well coded it was.If you're familiar with VB, VB script should come relatively easily. The reverse is not so true. The basic language constructs and syntax are similar.Some code from a Vb user interface application (for example) would be non-portable, as it relates to objects which don't exist in the scope of vb-script for web development.As a second Code for handling string data and performing basic file operations is much more portable.I hope this helps, but in my opinion, you've kind of asked, "how long is a piece of string?"

Just a small thing, you could try embedding a couple of echo statements to make sure your css file is actually being parsed by the server.Also, you don't have any div markers, could it be that your sections aren't getting the appropriate html as the server isn't parsing the sections properly?Try adding a <div id="NORM"> </div> etc around some text and see what happens.You've also defined things like H1, but not used them as far as I can see.Looking at the html produced by your page in both FF and IE, they look the same. There are differences in the "standard" available fonts between IE and FireFox however, which could also explain some of the differences.Note: I'm quite new to this stuff as well, so hopefully someone with more experience can shed even more light on your situation. I hope I haven't confused the issue too much.

I have a problem with a menu item. The menu is rendered correctly, and is floated left. The content is displayed in the correct position to the right of the menu. The content has a margin-left to make it skip the menu. The problem is, in FF it looks OK, in IE6.x it looks as though the content extends the width of the menu beyond the screen before wrapping, whcih results in annoying horizontal scroll bars.I've updated a test page to help illustrate the problem:http://home.exetel.com.au/oas/testmain.phpI've tried playing with the contents position value, and found the following:position: absolute; /* Works as described, looks OK in FF, extra width (and therefore scroll bars) in IE */position: static; /* Static fixes the H-scroll problem, but the content starts below the bottom of the menu i(vertically) in both FF and IE */position: fixed; /* Same as static for IE, OK in FF! */Again, I don't think the left margin is to blame as such, but it seems as though the width of the content section is fixed at the fill browser width, even though it's offset by the margin.My CSS is below if it helps. Any suggestions would be most welcome.li { margin-left: 0em; }ul#navigation * { float:left;}ul#navigation { left: 0; width: 13em; margin-left: 0em; margin-right: 0; padding-left: 0em;}ul#navigation li { margin-left: 0; margin-right: 0; padding-left: 0em; list-style: none; background-color: #039; border-top: solid 1px #039; text-align: left; width: 13em;}ul#navigation li a { display: block; text-decoration: none; padding: .25em; border-bottom: 1px solid #3399FF; border-right: 1px solid #3399FF; width: 12.5em;}#content { position: absolute; /* Absolute OK except for H-scroll in IE */ /*position: static; /* Static fixes H-scroll problem, but content starts below menu in both FF and IE */ /*position: fixed; /* Saame as static, except renders OK in FF! */ top: 0; margin-left: 15em; color: white;}