Results 1 to 3 of 3

Thread: IE Issues

  1. #1
    Join Date
    Mar 2007
    Location
    Tarboro, NC
    Posts
    290
    Thanks
    8
    Thanked 2 Times in 2 Posts

    Default IE Issues

    As usual IE amkes web designing a living nightmare. I was using CSS to design the site, and it looks perfect in FF and Opera, but IE renders it wrong.

    Heres my CSS:

    Code:
    #main_table
    {
    height: 700px;
    width: 75%;
    border: 0px;
    padding-width: 2px;
    border-spacing: 0px;
    }
    
    #main_bar
    {
    height: 700px;
    width: 90%;
    background-color: #FFFFFF;
    font-family: Arial;
    font-size: 10pt;
    }
    
    #side_bar
    {
    height: 700px;
    width: 15%;
    background-color: #E2E2E2;
    font-family: Arial;
    font-size: 10pt;
    }
    
    #top_bar
    {
    height: 50px;
    width: 75%;
    border: 0px;
    padding-width: 2px;
    border-spacing: 0px;
    background-color: #56D2FF;
    font-family: Arial;
    font-size: 15pt;
    }
    Heres the HTML:

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <link rel="stylesheet" href="css/layout.css"
     type="text/css">
      <meta content="text/html; charset=ISO-8859-1"
     http-equiv="content-type">
      <title>Fassist | Home!</title>
      <meta content="Tim" name="author">
      <meta content="Fassist Home." name="description">
    </head>
    <body>
    <table id="top_bar">
      <tbody>
        <tr>
          <td>fassist<br>
          </td>
        </tr>
      </tbody>
    </table>
    <table id="main_table">
      <tbody>
        <tr>
          <td id="side_bar"></td>
          <td id="main_bar"><br>
          </td>
        </tr>
      </tbody>
    </table>
    </body>
    </html>
    Also this site is a work in progress I was just attempting to get the page to where no styling was embedded in the page.

    I attached photos of IE and FF. Please tell me what you think. And yes I know Nvu is open. I cheated to design the template for the page...

    Thanks

  2. #2
    Join Date
    May 2007
    Location
    Viet Nam
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    You have used css for web, you should use DIV instead of table ... i can help you if you start to re-code it using div and have problem.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    29,070
    Thanks
    44
    Thanked 3,216 Times in 3,178 Posts
    Blog Entries
    12

    Default

    With the current layout:

    Code:
    table {
    border-collapse:collapse;
    }
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •