stewart

Indeed a png would be the best solution, but not always needed if a solid background is had. And of course IE6 doesn't like png transparency, like the bastard child it is. Either way it looks like the container extends down a bit and would still overlap the other element. Shouldn't you just add a bit of a bottom margin to it (theme1)? It should push that other element down.

Last I knew there is no real "solution" for this, except to design with it in mind. It is a built in feature of firefox last I knew, even adding border: none to :focus won't solve this. There is probably some sort of javascript hack or some other form of way to remove it, but it definitely wouldn't be "clean".

Agreed. I tend to try to make it where I just can avoid HAVING to have the equal height columns at all in the first place. I really hate using JS when it isn't needed.. Especially when it comes to controlling page layout and such. For some things however, it comes in handy. The faux-columns way is definitely a way to go too, but bothers me about it is when it comes to wanting to use another sort of background image in the same element, it becomes rather troublesome.

First of all do you have a public view-able page that you're doing this on ? Might give a better idea of an overall solution. And.. <span style="position: relative; top: -50px; left: -95px;"><z>text here</z></span> I think you could easily change this to.. <span style="display: block; margin: -50px 0 -95px 0;"><z>text here</z></span> Because a span is already relatively positioned (?) and top,left,right are usually traditionally used for absolutely positioned elements. For the most part, yes you should try to not HAVE to use negative margin's, because you will start to run into problems when working with IE6 and below. But from reading your original post.. it would definitely be nice to get a page to look at with this on it , because you very well could probably do your boxes in a totally different way. Give us a link

http://www.impressivewebs.com/equal-height-columns-with-javascript-full-version/ There is a (fairly) quick run down on how to do it

The sub-menu is getting blocked by one of the parent elements/containers. I didn't go and track which one exactly, but essentially after a certain point (right around the bottom of the header/start of the gray background area) the sub menu goes beneath another element, instead of staying on top of it. You need to track down which one is doing it and see if you can play with it.

That's standard behavior for form elements. If you go to the address again (actually hitting enter in the address field or retype it.. ) it will reset the form, but a simple page refresh keeps entered values. I'm sure there is a possible way to detect a page refresh, but like I said that is default behavior for form text fields.

Here would be my quick solution to your problem : <input type="text" name="userField" id="Username" value="Username" onclick="toggleField(this)" onblur="toggleField(this,1)" /> For the html, and then for the javascript : function toggleField(el,isBlur){ origValue = el.value; if(el.id == el.value){ el.value = ''; } else { el.value = origValue; } if(el.value == '' && isBlur){ el.value = el.id; } } Only trick to it is making the id of the field the same as the default value, in this case Username, or EMail, or whatever else you may need. Might not the most efficient way to do it depending on how many other fields you have to work with, but this is a quick dirty one that works.

Back before I was able to get my own web hosting and domains and all that jazz, I used : http://www.tripod.lycos.co.uk/ They have php, mysql, decent amount of space and actual FTP access. I do believe they don't have ads either. And the process of actually getting the files on the web, somewhere like that has a file manager, or FTP. Which requires a client like SmartFTP or some other FTP client out of all the ones out there, to connect with.

That is definitely the primary question, because most of the time you can definitely get away with some sort of normal block level container object, like a div and just giving it an overflow: scroll; if you want scrollbars/scrolling area.

If you are referring to the page you linked a couple of posts above is the one having the problems then... I do believe you are having problems because the content within your .main_body class is all either floated or absolutely positioned. Well as a result they take up no "vertical space" to fill a parent element out with. The solution ? They need to be "cleared". One quick hack-y method to go about doing it would be putting in a page break, <br /> inside the main_body div after all of your content and give it a style="clear: both;".. The better way to go about it would take that footer of yours, with the Contact Us link, etc.. first, give it a container and give it 100% width as a footer inside of your main_body and give the footer class a clear: both; That should take up space inside main_body (with it's height set to auto, or not set at all.) Hope this is helpful. Figured it was a good first post.