Programming Forums > Web Development and Design > HTML / XHTML / CSS

epswing · Jun 4th, 2005, 1:32 PM

Take a look at http://www.ecsu.ca first through Internet Explorer, then through FireFox.

In FF, there's a small gap above the main menu.
In IE, there's not.

Here's the code (or you can View --> Source yourself) of the two tables. The first holds the top banner, the second holds the main menu.

(Toggle Plain Text)

<table border="0" width="100%" cellspacing="0" cellpadding="0">
	<tr>
		<td><img src="image/topbar.bmp"></td>
	</tr>
</table>
<table border="0" width="100%" height="25" cellspacing="0" cellpadding="0" bgcolor="#6379BD">
	<tr>
		<td align="center">
			<ul class="menu">
			<li class="currloc"><a href="">Home</a></li>
			<li><a href="about/">About ECSU</a></li>
			<li><a href="froshweek/">Frosh Week</a></li>
			<li><a href="services/">Services</a></li>
			<li><a href="forums/">Forums</a></li>
			<li><a href="clubs/">Clubs</a></li>
			<li><a href="photos/">Photos</a></li>
			<li><a href="pub/">Blind Duck Pub</a></li>
			</ul>
		</td>
	</tr>
</table>

Anyone know what's going on and why?

Ooble · Jun 4th, 2005, 8:02 PM

Simple: if you're going to specify your document as XHTML 1.1, for god's sake, don't code in HTML.

http://validator.w3.org/check?verbos...//www.ecsu.ca/

epswing · Jun 5th, 2005, 1:07 AM

Look, you haven't helped in the slightest. I was handed this project recently and it was really in shambles. I've just been patching up holes as I go along, but I'm no superstar.

I was hoping maybe some superstar could identify this specific problem I've having and, y'know, be even little helpful instead of throwing a validator at me.

uman · Jun 5th, 2005, 1:32 AM

The validator is a great help. Fix all the problems that it raises, and you may well find that your site is fixed.

Oh, by the way, is that avatar from Freespace?

LiveWire · Jun 5th, 2005, 2:46 AM

Epswing, after looking at your source. The problem is rather simple. There are 2 ways to fix this. you have this at your header:

(Toggle Plain Text)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Which is telling the server to read the following code as valid XHTML 1.1. Which your code is is not valid XHTML 1.1. So heres what you can do.

Option 1: recode everything to valid XHTML 1.1 (Recommended)

Option 2: Replace the <!DOCTYPE line with the following code (The Easy Way Out :p)

(Toggle Plain Text)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

That will slove your problem.

epswing · Jun 5th, 2005, 10:16 AM

Quote:

Originally Posted by uman

Oh, by the way, is that avatar from Freespace?

Indeed it is. Remember the Epsilon Wing? They kicked some serious ass.

Quote:

Originally Posted by LiveWire

Epswing, after looking at your source. The problem is rather simple. There are 2 ways to fix this. you have this at your header:

(Toggle Plain Text)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Which is telling the server to read the following code as valid XHTML 1.1. Which your code is is not valid XHTML 1.1. So heres what you can do.

Option 1: recode everything to valid XHTML 1.1 (Recommended)

Option 2: Replace the <!DOCTYPE line with the following code (The Easy Way Out :p)

(Toggle Plain Text)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

That will slove your problem.

Thanks muchly. Very much the easy way out, I agree. I don't think I'm losing any current functionality though. And to you OMGVALIDATOR people, I do understand how important a standard is, and having a validator that points out each mistake you make can be extremely invaluable...however, I just don't have that kind of time, and if it works just as well using HTML 4, so be it.

Ooble · Jun 5th, 2005, 10:28 AM

Quote:

Originally Posted by epswing

Look, you haven't helped in the slightest. I was handed this project recently and it was really in shambles. I've just been patching up holes as I go along, but I'm no superstar.

I was hoping maybe some superstar could identify this specific problem I've having and, y'know, be even little helpful instead of throwing a validator at me.

I was hoping you would guess you should use the HTML 4.0 doctype. Either way, as long as you've learnt something, I'm happy.

Berto · Jun 6th, 2005, 2:54 AM

I love the validator and the eronious errors it gives me.

uman · Jun 6th, 2005, 2:55 AM

Yep, freespace rules and so does epsilon wing.

Jun 4th, 2005, 1:32 PM	#1
epswing Newbie Join Date: Feb 2005 Posts: 14 Rep Power: 0	unknown gap between tables Take a look at http://www.ecsu.ca first through Internet Explorer, then through FireFox. In FF, there's a small gap above the main menu. In IE, there's not. Here's the code (or you can View --> Source yourself) of the two tables. The first holds the top banner, the second holds the main menu. (Toggle Plain Text) <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td><img src="image/topbar.bmp"></td> </tr> </table> <table border="0" width="100%" height="25" cellspacing="0" cellpadding="0" bgcolor="#6379BD"> <tr> <td align="center"> <ul class="menu"> <li class="currloc"><a href="">Home</a></li> <li><a href="about/">About ECSU</a></li> <li><a href="froshweek/">Frosh Week</a></li> <li><a href="services/">Services</a></li> <li><a href="forums/">Forums</a></li> <li><a href="clubs/">Clubs</a></li> <li><a href="photos/">Photos</a></li> <li><a href="pub/">Blind Duck Pub</a></li> </ul> </td> </tr> </table> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td><img src="image/topbar.bmp"></td> </tr> </table> <table border="0" width="100%" height="25" cellspacing="0" cellpadding="0" bgcolor="#6379BD"> <tr> <td align="center"> <ul class="menu"> <li class="currloc"><a href="">Home</a></li> <li><a href="about/">About ECSU</a></li> <li><a href="froshweek/">Frosh Week</a></li> <li><a href="services/">Services</a></li> <li><a href="forums/">Forums</a></li> <li><a href="clubs/">Clubs</a></li> <li><a href="photos/">Photos</a></li> <li><a href="pub/">Blind Duck Pub</a></li> </ul> </td> </tr> </table> Anyone know what's going on and why? Last edited by epswing; Jun 4th, 2005 at 1:35 PM.

Jun 4th, 2005, 8:02 PM	#2
Ooble I eat cake for breakfast. Join Date: Jul 2004 Location: In my box. Posts: 4,434 Rep Power: 9	Simple: if you're going to specify your document as XHTML 1.1, for god's sake, don't code in HTML. http://validator.w3.org/check?verbos...//www.ecsu.ca/ __________________ Me :: You :: Them

Jun 5th, 2005, 2:46 AM	#5
LiveWire Newbie Join Date: Jun 2005 Location: Flordia Posts: 5 Rep Power: 0	Epswing, after looking at your source. The problem is rather simple. There are 2 ways to fix this. you have this at your header: (Toggle Plain Text) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> Which is telling the server to read the following code as valid XHTML 1.1. Which your code is is not valid XHTML 1.1. So heres what you can do. Option 1: recode everything to valid XHTML 1.1 (Recommended) Option 2: Replace the <!DOCTYPE line with the following code (The Easy Way Out :p) (Toggle Plain Text) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> That will slove your problem. __________________ I had a monumental idea this morning, but I didn't like it.

Jun 6th, 2005, 2:54 AM	#8
Berto Programming Guru Join Date: Aug 2004 Posts: 1,022 Rep Power: 6	I love the validator and the eronious errors it gives me. __________________ "Put your hand on a hot stove for a minute, and it seems like an hour. Sit with a pretty girl for an hour, and it seems like a minute. THAT'S relativity." - Albert Einstein

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Jun 5th, 2005, 1:07 AM	#3
epswing Newbie Join Date: Feb 2005 Posts: 14 Rep Power: 0	Look, you haven't helped in the slightest. I was handed this project recently and it was really in shambles. I've just been patching up holes as I go along, but I'm no superstar. I was hoping maybe some superstar could identify this specific problem I've having and, y'know, be even little helpful instead of throwing a validator at me.

Jun 5th, 2005, 1:32 AM	#4
uman Expert Programmer Join Date: Dec 2004 Posts: 794 Rep Power: 4	The validator is a great help. Fix all the problems that it raises, and you may well find that your site is fixed. Oh, by the way, is that avatar from Freespace?

Jun 6th, 2005, 2:55 AM	#9
uman Expert Programmer Join Date: Dec 2004 Posts: 794 Rep Power: 4	Yep, freespace rules and so does epsilon wing.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

Programming Forums > Web Development and Design > HTML / XHTML / CSS

unknown gap between tables