# View messed up in IE but not mozilla

**URL:** <https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532>\
**Category:** Rails\
**Created:** [January 30, 2008, 2:57am UTC](https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532 "2008-01-30T02:57:12Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![valerieloy](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/v/94ad74/32.png) [@valerieloy](https://www.ruby-forum.com/u/valerieloy)\
**Post date:** [January 30, 2008, 2:57am UTC](https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532/1 "2008-01-30T02:57:12Z")

</div>

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

 ![](http://i263.photobucket.com/albums/ii159/jocelynkoshiya/mozilla.png)

 ![](http://i263.photobucket.com/albums/ii159/jocelynkoshiya/ie.jpg)

---

<div class="post-metadata">

**Author:** ![valerieloy](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/v/94ad74/32.png) [@valerieloy](https://www.ruby-forum.com/u/valerieloy)\
**Post date:** [January 30, 2008, 6:08am UTC](https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532/2 "2008-01-30T06:08:15Z")

</div>

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:

> **[The W3C Markup Validation Service](https://validator.w3.org/)**
>
> W3C's easy-to-use
> markup validation service, based on SGML and XML parsers.

And here’s a good HTML reference site:

> **[HTML Tutorial](https://www.w3schools.com/html/default.asp)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

On Jan 29, 8:57 pm, Valerie L. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid)

---

<div class="post-metadata">

**Author:** ![valerieloy](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/v/94ad74/32.png) [@valerieloy](https://www.ruby-forum.com/u/valerieloy)\
**Post date:** [January 31, 2008, 3:37am UTC](https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532/3 "2008-01-31T03:37:29Z")

</div>

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/](http://validator.w3.org/)
> 
> And here’s a good HTML reference site:  
> [HTML Tutorial](http://www.w3schools.com/html/default.asp)
> 
> On Jan 29, 8:57 pm, Valerie L. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid)

 

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

---

<div class="post-metadata">

**Author:** ![valerieloy](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/v/94ad74/32.png) [@valerieloy](https://www.ruby-forum.com/u/valerieloy)\
**Post date:** [January 31, 2008, 3:43am UTC](https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532/4 "2008-01-31T03:43:18Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![valerieloy](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/v/94ad74/32.png) [@valerieloy](https://www.ruby-forum.com/u/valerieloy)\
**Post date:** [January 31, 2008, 8:04am UTC](https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532/5 "2008-01-31T08:04:10Z")

</div>

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

Use this: [The W3C Markup Validation Service](http://validator.w3.org/#validate_by_input)

And input the source of your page.

---

<div class="post-metadata">

**Author:** ![valerieloy](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/v/94ad74/32.png) [@valerieloy](https://www.ruby-forum.com/u/valerieloy)\
**Post date:** [January 31, 2008, 7:47am UTC](https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532/6 "2008-01-31T07:47:10Z")

</div>

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/](http://validator.w3.org/) but they couldn’t validate  
localhost pages

---

<div class="post-metadata">

**Author:** ![valerieloy](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/v/94ad74/32.png) [@valerieloy](https://www.ruby-forum.com/u/valerieloy)\
**Post date:** [January 31, 2008, 8:05am UTC](https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532/7 "2008-01-31T08:05:56Z")

</div>

Also a more correct table layout would be:

| Header Cell! |
| Body Cell! |

On Jan 31, 2008 5:33 PM, Ryan B. [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) 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](http://validator.w3.org/#validate_by_input)
> 
> And input the source of your page.

–  
Ryan B.

> **[frozenplague.net](http://www.frozenplague.net)**
>
> This domain may be for sale!

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

---

<div class="post-metadata">

**Author:** ![valerieloy](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/v/94ad74/32.png) [@valerieloy](https://www.ruby-forum.com/u/valerieloy)\
**Post date:** [February 1, 2008, 1:51am UTC](https://www.ruby-forum.com/t/view-messed-up-in-ie-but-not-mozilla/127532/8 "2008-02-01T01:51:42Z")

</div>

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.
