TABLE within DIV Issue

[Rob]

I am having problems trying to get a web page to work in IE 6. It
works fine in firefox, opera, and newer versions of IE, but not in
IE6.

I am not very familiar with CSS, but I don't see why this shouldn't
work. There is a table inside a <DIV> section which should appear
directly below text, but when IE6 is used, the table is pushed down
and white space is created. This is because of a <DIV> on the left
column, which seems to be determining the start point of the table. I
really don't understand why this particular browser version decides to
make a gap there, or how it can be fixed.

it is a standard table....
<TABLE width=100%>
<TR><TD wid......

within a
<div id="content">
tag.

so I don't see why the position of the table should be determined by a
<DIV> tag outside of the one it's in. If anyone has IE6 or older, the
problem can be seen on the page:

http://www.brick-soton.ac.uk/team.asp


Does anybody have any ideas? Any help would be very much
appreciated

Cheers

Rob

 

[cwdjrxyz]

I am having problems trying to get a web page to work in IE 6. It
works fine in firefox, opera, and newer versions of IE, but not in
IE6.

I am not very familiar with CSS, but I don't see why this shouldn't
work. There is a table inside a <DIV> section which should appear
directly below text, but when IE6 is used, the table is pushed down
and white space is created. This is because of a <DIV> on the left
column, which seems to be determining the start point of the table. I
really don't understand why this particular browser version decides to
make a gap there, or how it can be fixed.

it is a standard table....
<TABLE width=100%>
<TR><TD wid......

within a
<div id="content">
tag.

so I don't see why the position of the table should be determined by a
<DIV> tag outside of the one it's in. If anyone has IE6 or older, the
problem can be seen on the page:

http://www.brick-soton.ac.uk/team.asp

Does anybody have any ideas? Any help would be very much
appreciated

I got a message that the server is not found on three trys to connect.
Perhaps this is just a temporary problem, but you might wish to check.

 

[Beauregard T. Shagnasty]

I got a message that the server is not found on three trys to connect.
Perhaps this is just a temporary problem, but you might wish to check.

Perhaps: http://www.brick-soton.co.uk/team.asp
is the correct URL ?

I would guess the problem with IE6 is caused by the errors on the page,
knowing that IE has its own set of rules.

<http://validator.w3.org/check?verbose=1&uri=http://www.brick-soton.co.uk/team.asp>
"Failed validation, 422 errors"

Once the errors are corrected, which may fix the problem, then let's
look again.

 

[Rob]

Perhaps: http://www.brick-soton.co.uk/team.asp
is the correct URL ?

I would guess the problem with IE6 is caused by the errors on the page,
knowing that IE has its own set of rules.

<http://validator.w3.org/check?verbose=1&uri=http://www.brick-so...>
"Failed validation, 422 errors"

Once the errors are corrected, which may fix the problem, then let's
look again.

sorry, yeah it is http://www.brick-soton.co.uk/team.as

my mistake. The 422 errors are all because of simple HTML?! have I
used the wrong Doctype or something?

Thanks for the help so far!

 

[Ed Seedhouse]

sorry, yeah it is http://www.brick-soton.co.uk/team.as

Um, no it's at http://www.brick-soton.co.uk/team.asp

Do you ever check what you write?

my mistake. The 422 errors are all because of simple HTML?!

No, because of over-complicated messy html. Probably done with some
ugly "What you see is what you get" editor, perpaps Word or some other
Office applicationsjudging by the classname of the table.

have I
used the wrong Doctype or something?

Yes, but that isn't the cause of the problems. CSS rules are *defined*
for *valid* html or xhtml. If you don't give it that, and you aren't
even close, you have no basis for complaint about the results in any
browser.

You should not be using the transitional doctype, you should be using
strict, probably html 4.01 strict. Forget about xhtml.

In either case, writing valid html or xhtml is not just an important
skill, it is absolutely vital. If you can't undertake to learn to do
that forget about designing web pages.

 

[Beauregard T. Shagnasty]

<http://validator.w3.org/check?verbose=1&uri=http://www.brick-so...>
"Failed validation, 422 errors"

Once the errors are corrected, which may fix the problem, then let's
look again.

sorry, yeah it is http://www.brick-soton.co.uk/team.as[p] <-- p

my mistake. The 422 errors are all because of simple HTML?! have I
used the wrong Doctype or something?

No, not really. :-(

You are using XHTML 1.0 Transitional. New pages should be Strict,
though, as you aren't transitioning from anything. However, it doesn't
matter which doctype is used, there are still many, many errors.

I would recommend that your new documents be HTML 4.01 Strict.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

XHTML requires all tags to be in lower-case, but it is good policy (at
least I think so) to use lower-case all the time.

One of the first things I noticed was a <style> block in the <body>
instead of on the <head>. Browsers would be free to ignore it if they so
chose. It should also start with:

<style type="text/css">

<P><B>30/01/07: </B> should be: <p><strong>30/01/07: </strong>
<I>Travel Representative</I> -> <em>Travel Representative</em>

There is text not in any container; the following should be in a <p>:
"Meet the team of BRICK India '07! ..."

...and so on. You have a large conglomeration of 1999 code mixed with
1995 code. It would be difficult to list everything here in a post.

How are you writing this? Some Microsoft product?