Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    • CommentAuthorflodown
    • CommentTimeDec 10th 2008
     permalink
    I am having issues with my .jobs site. All is fine in Firefox and Safari (99% is fine). The issue of course, arises when I try to center this same site in IE.This is a joomla site with a modified js_education_red_gld template (tons of css that is not being used will kick out once I can center it!!!)

    Can anyone help in rendering this centered horizontally in IE??

    I have tried all that I have read. 1.Validation 2.text:center in the Body div, text:left in the Container div to no avail. 3. made sure im not in Quirks mode...


    here is a link to the site..http://www.birdmunich.jobs/
    and the appropriate CSS

    * { padding: 0; margin: 0; }

    html, body {
    width:920px;
    margin:0 auto;
    background: url(../images/munich.jpg) top left repeat-x;
    background-color:#540309;
    font-family:"Tahoma",Verdana,"Tahoma",Verdana,Arial,Helvetica,Sans-Serif;
    text-align:center;
    }
    #header {
    height:235px;
    width:920px;
    }
    #site-container {
    background:#020202 url(../images/header.jpg) repeat-x;
    margin:0 auto;
    width:920px;
    }
    #container {
    width:920px;
    margin:0 auto;
    text-align:left;
    }
    #content-container {
    background:#FFFFFF url(../images/rt-bg.jpg) ;
    color:#4A4537;
    font-family:"Tahoma",Verdana,"Tahoma",Verdana,Arial,Helvetica,Sans-Serif;
    font-size:1em;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:normal;
    padding-bottom:0;
    width:920px;
    }
    • CommentAuthordavist11
    • CommentTimeDec 10th 2008
     permalink
    Hmm, I wouldn't put a width on the html and body elements. I don't think I've ever done that. I would put that width on the first container element (which in your case looks to be table.table-wrapper)

    Why are you using a table there?
    • CommentAuthorflodown
    • CommentTimeDec 11th 2008
     permalink
    Well, thanks for the new direction I will try doing this asap and let you know if there is a resolve. The table of course comes from the template, which I would not normally use except I needed a component form Joomla! to make frontend for the client to post and manage their job postings.
    • CommentAuthorflodown
    • CommentTimeDec 11th 2008
     permalink
    Beauty, that worked. Thank you very much, I was poking around for hours, make that days and it really didn't occur to me that the table was the ultimate container. The table format is somehow more congruent with the PHP backend that serves all of the html in parts. I'm a n00b at it but now another lesson learned. Davist11 your my hero.

    Cheers.
Add your comments
    Username Password
  • Format comments as (Help)