View messed up in IE but not mozilla

[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?

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:
http://www.w3schools.com/html/default.asp

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

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:
http://www.w3schools.com/html/default.asp

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 %>

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

You’re using

to open the tag, and then to close it. Use
lowercase
tags for everything.

Use this: http://validator.w3.org/#validate_by_input

And input the source of your page.

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

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: http://validator.w3.org/#validate_by_input

And input the source of your page.


Ryan B.
http://www.frozenplague.net
Feel free to add me to MSN and/or GTalk as this email.

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.

This forum is not affiliated to the Ruby language, Ruby on Rails framework, nor any Ruby applications discussed here.

| Privacy Policy | Terms of Service | Remote Ruby Jobs