Bob, On Dec 9, 2006, at 11:53 AM, Robert Tilley wrote:
> The page "http://home.cfl.rr.com/rtgroup/tantra-table.html"; has > it's table in > the center of the window. > > If the second definition of h1 (near the end of the style section) > is removed > from the code (so that the first definition [near the top] of h1 is > used), > the table jumps to the right. The table will be under the second > element > (class="right-element") of the header div. > > This suggests that my div's are not defined correctly. What are > good software > tools to analyze the div structure of my page? Perhaps someone > could point > out the boulder of front of my nose that I'm not seeing? The first thing is to write valid html. <http://validator.w3.org/check?verbose=1&uri=http%3A%2F% 2Fhome.cfl.rr.com%2Frtgroup%2Ftantra-table.html> You currently have 4 validation errors. First, h2 isn't allowed inside an a element. I would start by changing this <th style="width: 15%;"><a href="#"><h2>Service</h2></a></th> <th style="width: 70%;"><a href="#"><h2>Description</h2></a></th> <th style="width: 15%;"><a href="#"><h2>Duration</h2></a></th> to this <th class="service"><h2><a href="#">Service</a></h2></th> or even <th class="service">Service</th> since thead/th already signify a heading and the a element doesn't go anywhere. There is also an extraneous </strong> without an opening one in the next row down. Giving the browsers valid markup gives you a better chance of them rendering similarly. Each browser recovers from errors a bit differently. After validating the html, you will want to validate the css <http://jigsaw.w3.org/css-validator/validator? profile=css2&warning=2&uri=http%3A%2F%2Fhome.cfl.rr.com%2Frtgroup% 2Ftantra-table.html> You will see that you have some invalid css as well #header { padding: 10px; position: float; } position: float doesn't exist. Typical position values are 'absolute' or 'relative', or occasionally 'fixed' or 'static'. Valid float values are 'left' or 'right' An invaluable tool for web development is firefox with its dom inspector and the web developer toolbar extension for firefox. These tools make debugging much easier. hth -- Roger Roelofs "Remember, if you’re headed in the wrong direction, God allows U-turns!" ~Allison Gappa Bottke ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
