1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

Having some trouble with tables, formating, and CSS

Discussion in 'CSS' started by Josh Inno, Dec 11, 2006.

  1. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #21
    *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.
    SEMrush
     
    Josh Inno, Dec 18, 2006 IP
    SEMrush
  2. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #22
    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.
     
    Josh Inno, Dec 18, 2006 IP
  3. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #23
    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/
     
    Josh Inno, Dec 19, 2006 IP
  4. kk5st

    kk5st Prominent Member

    Messages:
    3,499
    Likes Received:
    377
    Best Answers:
    29
    Trophy Points:
    335
    #24
    See my footer demo. Take some time to study it; it's not all that intuitive.

    cheers,

    gary
     
    kk5st, Dec 19, 2006 IP
  5. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #25
    I've actually been studying it on and off for quite a bit now.
     
    Josh Inno, Dec 19, 2006 IP
  6. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #26
    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.
     
    Josh Inno, Dec 19, 2006 IP
  7. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #27
    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.
     
    Josh Inno, Dec 19, 2006 IP
  8. kk5st

    kk5st Prominent Member

    Messages:
    3,499
    Likes Received:
    377
    Best Answers:
    29
    Trophy Points:
    335
    #28
    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
     
    kk5st, Dec 19, 2006 IP
  9. kk5st

    kk5st Prominent Member

    Messages:
    3,499
    Likes Received:
    377
    Best Answers:
    29
    Trophy Points:
    335
    #29
    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
     
    kk5st, Dec 19, 2006 IP
  10. Josh Inno

    Josh Inno Guest

    Messages:
    1,623
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #30
    Ah. Alright. So how does the hack work, exactly, in an HTML only environment?
     
    Josh Inno, Dec 20, 2006 IP
  11. kk5st

    kk5st Prominent Member

    Messages:
    3,499
    Likes Received:
    377
    Best Answers:
    29
    Trophy Points:
    335
    #31
    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
     
    kk5st, Dec 20, 2006 IP