472,958 Members | 2,642 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,958 software developers and data experts.

problem with IE: display of table in three column layout

This is the page that I am putting together:


The site consists of three columns: a sidebar floated left, a sidebar floated right, and the 'main content' which has wide margins to accommodate the floated sidebars.

I am working on the main content. I have information that needs to be displayed in a table. When I view the page in Firefox or Safari or Netscape I see what I intended, with the table restricted to the 'main content' div.

When I view the page in IE, the table begins below the content of the two sidebars and the table breaks free from the confines of the 'main content' div, ranging to the right and overlapping the right sidebar div.

Here is the CSS that I am using:
Expand|Select|Wrap|Line Numbers
  1. Setting up the divisions
  2. -----------------------------
  3.   #content {
  4.     background-color:white;
  5.     margin-left:15%;
  6.     margin-right:18%;
  7.     margin-bottom:0px;
  8.     padding:0 10px 10px 10px;
  9.     }
  11.   #sidebar_b {
  12.     float:right;
  13.     width:15%;
  14.     margin-bottom:10px;
  15.     margin-top:10px;
  16.     padding:10px;
  17.     }
  19.   #sidebar_a {
  20.     float:left;
  21.     width:12%;
  22.     margin-bottom:10px;
  23.     margin-top:10px;
  24.     padding:10px;
  25.     }
  27. CSS for the Table
  28. -----------------------
  30.    table #coursetab {
  31.     border:1px solid #333;
  32.     font: normal 1.0em 'Lucida Grande Unicode', 'Lucida Grande', Verdana, Arial, Sans-serif;
  33.     }
  35.   #coursetab th, td {
  36.     border:1px solid #333;
  37.     padding:3px;
  38.     vertical-align:top;
  39.     }
  41.   #coursetab th {
  42.     width:15%;
  43.     text-align:left;
  44.     color:purple;
  45.     background-color:#EDE9E9;
  46.     }
  48.   #coursetab td {
  49.     background-color:#EDE9E9;
  50.     border-style:solid;
  51.     border-width:1px;
  52.     border-color:#FFF #AAA #666 #FFF;
  53.     }
  55.   #coursetab tr th img {
  56.     width:80px;
  57.     margin-top:10px;
  58.     }
HTML used for the table

<table id="coursetab" align="center">

followed by simple <tr>, <th>, <td> etc.

How do I persuade IE to display what I can see on Firefox, Safari etc?

Many thanks,

Taggart King
Aug 31 '07 #1
1 1872
7,435 Expert 4TB
You will never get IE to pretend it's a modern browser without a proper doctype. See the article about doctypes under Articles above.

You also have 101 html errors that need to be fixed. Didn't check for css errors.
Aug 31 '07 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

by: Toby Austin | last post by:
I'm trying to replace <table>s with <div>s as much as possible. However, I can't figure out how to do the following… <table> <tr> <td valign="top" width="100%">some data that will...
by: Richard Lissimore | last post by:
Hi, I'm a newbie, and I'm trying to recreate the table below in CSS: <table border="1" width="100%" id="table1"> <tr> <td width="145">Player Name::</td> <td>Pele</td> </tr> <tr>
by: Andrew | last post by:
I've been struggling to achieve the following layout for some time now and I'm not getting anywhere. I've tried several approaches including floats & absolute positioning and none seem to work,...
by: phil-news-nospam | last post by:
Is there really any advantage to using DIV elements with float style properies, vs. the old method of TABLE and TR and TD? I'm finding that by using DIV, it still involves the same number of...
by: H J van Rooyen | last post by:
Hi, I am struggling to get the pack method to do what I intend. I am trying to display user input in a seperate window, along with a little description of the field, something like this: ...
by: Martin Clark | last post by:
Hello, I am daring to stick my head above the parapet and ask as question. I am working on redesigning a website to use CSS rather than tables for layout. I have come across a problem when trying...
by: HC | last post by:
Hello, all, I started out thinking my problems were elsewhere but as I have worked through this I have isolated my problem, currently, as a difference between MSDE and SQL Express 2005 (I'll just...
Death Slaught
by: Death Slaught | last post by:
I will be showing you how to make a very simple but effective three column layout. First we will begin with the HTML, or structure, of our three column layout. <!DOCTYPE html PUBLIC...
by: Steve | last post by:
Hi All I have an asp.net 2.0 website with the following css file It uses Master pages and in Firefox 3.04 for windows only, 3 of the web pages don't display the Master page properly The...
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 4 Oct 2023 starting at 18:00 UK time (6PM UTC+1) and finishing at about 19:15 (7.15PM) The start time is equivalent to 19:00 (7PM) in Central...
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.