HTML & CSS
The site is table-based with 3 columns. The menu was placed in the left column.
The strange thing is when the menu is clicked and the options expand, it changes the height of the top middle table cell, which shouldn't be affected at all.
You can see it here:
Click on the blue links to the left and as the menu expands the middle top cell does as well. Any thoughts on why this happens would be appreciated!
I think I narrowed down the problem to the "Intensive Spa" image below the menu.
If I remove that div, the problem disappears...but I don't' know why.
I don't see that in Chrome. What browser are you seeing this in?
Hm, yes, I see it in Firefox. I'm assuming it's the mixture of rows and columns that's causing things to adjust as the left column expands, but it's hard to see how it's all fitting together. (It would be much easier to do a layout like this without tables. I'm not sure why they were ever considered easier or more reliable! But they are long out of date now.)
This topic is now closed. New replies are no longer allowed.