View messed up in IE but not mozilla

Rails
1

[code=]<div align = “left”

style="margin:20px;width:680px;border:5px

solid black;background:#282;padding:5px;

font-family: sans-serif;font-weight: bold;text-transform:capitalize">

Attention: You are viewing the Course Register

This page lists all the course information that are currently in the
system



<table width="100%" cellpadding="5" cellspacing="0">

  <td>

    <b><%= @page_title || "Course Register" %><br />

    <%= @page_title || @discipline.name -%><br />

  </td>

</table>

Users who use Internet Explorer will see a blank space here. Please
ignore this blank space and scroll down to look at the course details.

<tr>

  <TH rowspan="2">Course<BR>Code

  <TH colspan="5">Course<BR>Name

  <TH rowspan="2">Credit<BR>Unit

  <TH rowspan="2">First<BR>Presentation

  <TH rowspan="2">Jul 08

  <TH rowspan="2">Jan 09

  <TH rowspan="2">Jul 09

  <TH rowspan="2">Jan 10

  <TH rowspan="2">Jul 10

  <TH rowspan="2">Jan 11

  <TH rowspan="2">Jul 11

  <TH rowspan="2">Final<BR>Presentation

  <TH rowspan="2">Scheduled<BR>Review

  <TH rowspan="2">Pre-Requisite

  <TH rowspan="2">Excluded<BR>Combination

  <TH rowspan="2">Remarks

  <TH rowspan="2">Day

  <TH rowspan="2">Week

  <TH rowspan="2">Term

  <TH rowspan="2">Master<BR>Dev.

  <TH colspan="20">Course Outline

  <TH rowspan="2" colspan="2">Lab

  <TH rowspan="2">Grouping

</tr>

<% @discipline.courses.each do |d| %>

<td align="center"> <dt><%= link_to h(d.course_code), :controller

=>“admin”, :action => “show”, :id => h(d.id) %>

<td align="center" colspan="5"> <dt><%= d.course_name %></dt>

<td align="center"> <dt><%= d.creditunit.cu %></dt>

<td align="center"> <dt><%= d.pmonth.month %> <%= d.pyear.year

%>

<td align="center"> <dt><%= d.jul08 %></dt>

<td align="center"> <dt><%= d.jan09 %></dt>

<td align="center"> <dt><%= d.jul09 %></dt>

<td align="center"> <dt><%= d.jan10 %></dt>

<td align="center"> <dt><%= d.jul10 %></dt>

<td align="center"> <dt><%= d.jan11 %></dt>

<td align="center"> <dt><%= d.jul11 %></dt>

<td align="center"> <dt><%= d.lmonth.month %> <%= d.lyear.year

%>

<td align="center"> <dt><%= d.smonth.month %> <%= d.syear.year

%>

<td align="center"> <dt><%= d.pre_requisite %></dt>

<td align="center"> <dt><%= d.excluded_combination %></dt>

<td align="center"> <dt><%= d.remark %></dt>

<td align="center"> <dt><%= d.day.day%></dt>

<td align="center"> <dt><%= d.week.week %></dt>

<td align="center"> <dt><%= d.term.term %></dt>

<td align="center"> <dt><%= d.masterdev.masterdev %></dt>

<td align="center" colspan="20"> <dt><%= link_to  h('Course

Outline’), :controller => “admin”, :action => ‘course_outline’, :id =>
h(d.id) %>

<td align="center" colspan="2"> <dt><%= d.lab.lab%></dt>

<td align="center"> <dt><%= d.grouping%></dt>

<% end %>


Compulsory fields that are blank in stored records
now have a default value.
Field Default Value
Credit Unit: 5
First Presentation: Jan 2000
Final Presentation: Jan 2000
Scheduled Review: Jan 2000
Master Dev.: UNISIM
Lab: Non-Lab
Weightage:(for each component) 20%
[/code] in mozilla this turns out fine, but in IE, there's a huge empty space before the table!

can anyone tell me how to solve this problem?

mozilla.png800×600

ie.jpg800×600

2

You have a lot of problems with your closing tags. I see a

and a
tag that are missing their closing tags, as well as tags. A
lot of the tags have closing tags instead of closing
tags.

Here’s a free tool you can use to check your HTML:

And here’s a good HTML reference site:

On Jan 29, 8:57 pm, Valerie L. [email protected]

3

Wyatt G. wrote:

You have a lot of problems with your closing tags. I see a

and a
tag that are missing their closing tags, as well as tags. A
lot of the tags have closing tags instead of closing
tags.

Here’s a free tool you can use to check your HTML:
http://validator.w3.org/

And here’s a good HTML reference site:
HTML Tutorial

On Jan 29, 8:57 pm, Valerie L. [email protected]

i cleaned it up
still the same problem

<%= link_to ‘Home’, :controller => ‘admin’, :action => ‘index’ %>
→ <%= link_to ‘Course Register’, :controller => ‘admin’, :action =>
‘course_register_list’ %>
→ <%= @discipline.name %>



<table width="100%" cellpadding="5" cellspacing="0">
<Tr>
  <td>
    <b><%= @page_title || "Course Register" %><br />
    <%= @page_title || @discipline.name -%><br />
  </td>
  </tr>
</table>
Users who use Internet Explorer will see a blank space here. Please ignore this blank space and scroll down to look at the course details. 
</tr>

<% @discipline.courses.each do |d| %>

<td align="center" colspan="5"><%= d.course_name %></td>
<td align="center"><%= d.creditunit.cu %></td>
<td align="center"><%= d.pmonth.month %> <%= d.pyear.year %></td>
<td align="center"><%= d.jul08 %></td>
<td align="center"><%= d.jan09 %></td>
<td align="center"><%= d.jul09 %></td>
<td align="center"><%= d.jan10 %></td>
<td align="center"><%= d.jul10 %></td>
<td align="center"><%= d.jan11 %></td>
<td align="center"><%= d.jul11 %></td>
<td align="center"><%= d.lmonth.month %> <%= d.lyear.year %></td>
<td align="center"><%= d.smonth.month %> <%= d.syear.year %></td>
<td align="center"><%= d.pre_requisite %></td>
<td align="center"><%= d.excluded_combination %></td>
<% end %>
Course
Code		 Course
Name		 Credit
Unit		 First
Presentation		 Jul 08 Jan 09 Jul 09 Jan 10 Jul 10 Jan 11 Jul 11 Final
Presentation		 Scheduled
Review		 Pre-Requisite Excluded
Combination
<%= link_to h(d.course_code), :controller =>"admin", :action => "show", :id => h(d.id) %>

Compulsory fields that are blank in stored records
now have a default value.
Field Default Value
Credit Unit: 5
First Presentation: Jan 2000
Final Presentation: Jan 2000
Scheduled Review: Jan 2000
Master Dev.: UNISIM
Lab: Non-Lab
Weightage:(for each component) 20%

<%= link_to 'Course Register CSV', :controller => 'export3', :action => 'courseregister', :id => @discipline.id %>
4

You might want to grab the Webdeveloper tool kit for Firefox and
validate
the page. This is not an issue with RoR but rather bad html. There is
a
plugin that when you view your source of the page in Firefox you can get
the
html validated and see where the issue is. Also with Firebug installed
you
can look over the DOM and see what is broken.

Hope this helps.

JW

5

You’re using to open the tag, and then to close it. Use
lowercase
tags for everything.

Use this: The W3C Markup Validation Service

And input the source of your page.

6

Jason W. wrote:

You might want to grab the Webdeveloper tool kit for Firefox and
validate
the page. This is not an issue with RoR but rather bad html. There is
a
plugin that when you view your source of the page in Firefox you can get
the
html validated and see where the issue is. Also with Firebug installed
you
can look over the DOM and see what is broken.

Hope this helps.

JW

oh… but this looks fine in firefox,

it’s in IE when it gets all messed up…
and this website is running on localhost, can i still use the validation
thing?

because i did try http://validator.w3.org/ but they couldn’t validate
localhost pages

7

Also a more correct table layout would be:

Header Cell!
Body Cell!

On Jan 31, 2008 5:33 PM, Ryan B. [email protected] wrote:

You’re using to open the tag, and then to close it. Use
lowercase tags for everything.

Use this: The W3C Markup Validation Service

And input the source of your page.

–
Ryan B.

Feel free to add me to MSN and/or GTalk as this email.

8

theres nothing wrong with the codes, but once the table’s width gets too
wide and scrolls out of screen, IE just pushes the entire table down.