I am developing a shell for a site I am developing in CSS. I have the basics down, but have a couple of problems. Here is the URL of what I have so far:

http://www.denverderm.com/div_test/css_test.asp

* how do you get the boxes to expand vertically? What I want to do is have the div on the left (next to the nav, in the darker green) and the div containing nav to expand as I start flowing text into the main text div (the one that says "Botox") now. Also, the container div needs to expand as well (it has a white background and I inset the other divs to make a thin white border.

* I'm also having IE 6 problems:
* there is white space between the rows of divs that shouldn't be there
* the rollover div dropdowns come up way over to the right
* firefox displays both these issues the way I indended for them to be

If you need access to the .css that drives the rollover dropdowns, it is here:
http://www.denverderm.com/div_test/mm_css_menu.js


Any help greatly appreciated.

Thanks in advance

John MR

*

You've got other problems as well, especially in IE.
You need to get rid of the <embed> method for your flash, it IS going to cause IE users trouble. Since IE lost its EOLAS patent fight, ALL active content on a page with the <embed> tag will require the user to click twice to even SEE your flash. See the sticky on this subject at the top of the HTML forum here.

Your boxes should expand as you add content, however, you need to clear your floats in order for things to work correctly.
http://css-discuss.incutio.com/?page=ClearingSpace


In your code.. you're using a class on the <font> tag ?? Why ?? The <font> tag is deprecated and all presentation should be controlled in your CSS. In addition, you should use proper headings (h1 - h6) rather than styled text. The search engines DO use Heading tags and it's semantically correct.

Why are you doing this ?
padding: 0px;
padding-bottom: 0px;
padding: 0; means ALL padding, your padding-bottom: 0px; is unnecessary.


Your use of vertical-align: top is also incorrect - that only works in tables, it does not vertically align divs.. or anything else.

You could achieve your menu with a lot less hassle by using just CSS, and it would be easier to debug. I don't have the time right now to delve into it.

Great advice - thanks for your help!

JMR

*