I have never really used the DOM inspector at all - so this is a new experience for me. I brought up all the properties (of course in Firebird, I am an avid supporter of the Mozilla team) but I still can't quite find where it goofs. It's either the side div or the siteshell div that is messed up. Basically, side is a floating block within siteshell. The content within siteshell is within the content div which displays on the lefthand side (non-float). The problem I have run into is if the content div is shorter in height than the side div, siteshell wraps around the bottom of content and side continues on down the page. Siteshell is supposed to wrap fully around the side element if the case is it is longer than content. It USED to do this, but just recently stopped doing so.
On pages where content is longer than side (like the index page) it displays correctly. Note to Taco: see? this crap can be tough at times hehe > Can't have a look but I find the best thing to do when this happens is > to use Mozilla's DOM inspector (Tools->Web Development->DOM Inspector). > > Load up the DOM inspector, put in the URL. Then navigate the DOM tree > until you find the node of the offending object. > In the properties pane click the drop-down next to "Object - DOM Node". > Select "CSS Style Rules" to see the styles that were applied to it. > > "Computed Styles", also in that dropdown, allows you to see all the > default and applied styles that apply to that object. > "Box model", again, in that dropdown, allows you to see the information > about position, dimensions, border, margin and padding. > > Go see what styles are applied, or not applied, to your offending object. > > - tim > > p.s. If you use Firebird there is an extension to enable the DOM > inspector on Firebird (and I think it's now permanently in the nightly > build, and will be in the next release of FB). ***************************************************** The discussion list for http://webstandardsgroup.org/ *****************************************************
