Having some trouble with tables, formating, and CSS

*sigh* Now, for some reason, the main body of the page insists on sticking like glue to the left size of the page. I'm working on diagnosing the problem, but have yet to find it. Anyone help would be welcome.

 

Well, I just fixed that, and have reduced the amount of dependency on tables by removing the two side-tabs I was using to center the table while trying to avoid the depreciated 'center' tag, and by using 'auto' margins to the left and right of the center structural table.

I'm not really comfortable removing any more of the table, so once I get all of the SEO naming attributes in, I'll be good to go.

 

Well, I am definitely having some... issues... with my code that I didn't realize I was having before. The footer stays glued to the bottom of the page, but if I expand the content of the page, it doesn't move down to allow the content to move with it, rather, it draws on top of the content.

The page is currently at http://pioneergreensdentistry.com/beta/

 

See my footer demo. Take some time to study it; it's not all that intuitive.

cheers,

gary

 

I've actually been studying it on and off for quite a bit now.

 

The part that is confusing me the most is the part were you insert

html>body #wrapper

Code (markup):

when talking about the IE hack in the commenting.

 

And the above

/*<CData[*/

Code (markup):

I tried your code after uncommenting the spacers and deleting the opening and closing code, so I know that this is what causes the code below to work, but the otherwise existing error occurs in both Firefox AND IE. Could you explain to me how the hack works?

Or peraps someone could tell me another way to get this effect.

 

IE needs to have the #wrapper {height: 100%;}, but that will cause a problem with modern browsers because they take the height property value at its word. The html>body is the child selector which IE<=6 doesn't grok, so good browsers have the height reset to auto.

cheers,

gary

 

I write in xhtml and sometimes serve it as application/xhtml+xml. The CDATA thing simply tells the xml parser that the text is literal and should not be parsed. For html or xhtml served as text/html, it is unnecessary. I keep it so that I don't forget to use it those times it should be there.

cheers,

gary

 

Ah. Alright. So how does the hack work, exactly, in an HTML only environment?

 

The CDATA thingie is covered by /* */ css comment tags, so it doesn't matter. Keep or remove the lines as you see fit.

The selector hack is required for IE's sake.

cheers,

gary