SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2003
    Location
    Georgia
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE and Firefox Table + CSS Help

    Hey guys,

    I am having a couple of problems with IE and Firefox reacting diferently. I am going to use http://services.georgiasouthern.edu/...w/training.php to explain my problems

    1. I can not get FF to change the widths of tables. As you can see I got the <table width="75%"> and if you open the page in IE, the table is 75% but in FF it is 100%

    2. I can not get tables to center in IE. Again open up the training.php to see example. Ive tried table align="center" and div align="center" and it will still refuse to center.

    3. For some reason in FF my buttons on top are all misalligned when I attempt to use my own CSS code. No matter how I apply the CSS code, for some reason when I use CSS it messes up the buttons in FF but not IE These are template based buttons that I am unable to edit,

    What makes this a little tricky is that the template is controled on the school server and I only have access to where it says

    <!--CONTENT STARTS===!>

    I am thinking it is whats causing a lot of my problems but I was hoping you guys can help!!

  2. #2
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,095
    Mentioned
    28 Post(s)
    Tagged
    1 Thread(s)
    Hi,

    Both browsers show the table at 75% width of the available space.
    You want to add text-align: center; to your centercolumn and add a text-align: left; to your H1 - This will consistenly center the content.

    You can remove the inline styling of the table by giving the table an ID and controlling all that from CSS.

    To clean up the nav you can add the background color to the ul itself.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2003
    Location
    Georgia
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the tips

    do you mean put

    ul {
    background-color: #999965;

    }

    In my css file. Cause I tried that and it did not work

    Thanks again for the help

  4. #4
    padawan silver trophybronze trophy markbrown4's Avatar
    Join Date
    Jul 2006
    Location
    Victoria, Australia
    Posts
    4,095
    Mentioned
    28 Post(s)
    Tagged
    1 Thread(s)
    So it doesn't... woops.

    Floating the list items works. I checked it this time..

    Code:
    #nav ul {
    float: left;
    width:100%;
    margin:0;
    padding:0;
    background:#C3BD9F;
    list-style-type:none;
    }
    
    #nav li {
    float: left;
    padding:0;
    margin:0;
    }
    
    #nav li a {
    float: left;
    }

  5. #5
    SitePoint Enthusiast
    Join Date
    Jul 2003
    Location
    Georgia
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    AND it works!!!

    Your a genius Mark thanks for the help!!!

  6. #6
    SitePoint Enthusiast
    Join Date
    Jul 2003
    Location
    Georgia
    Posts
    30
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks for the suggustion guys

    With the help of mark, I got the nav bar fixed but now im just have to fix items #1 and #2

    Its weird, at home the table width is correct in FF. But at work the table is coming to 100% even though I set it deferently. I am using FF 1.07 at work, but sure about home. Anyone ever heard of this problem before?


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •