TABLE within DIV Issue

Discussion in 'HTML' started by Rob, Feb 6, 2007.

  1. Rob

    Rob Guest

    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
     
    Rob, Feb 6, 2007
    #1
    1. Advertising

  2. Rob

    cwdjrxyz Guest

    On Feb 6, 2:31 pm, "Rob" <> wrote:
    > 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.
     
    cwdjrxyz, Feb 6, 2007
    #2
    1. Advertising

  3. cwdjrxyz wrote:

    > On Feb 6, 2:31 pm, "Rob" <> wrote:
    >> 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. ...
    >> <snip>
    >> 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.


    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%3A%2F%2Fwww.brick-soton.co.uk%2Fteam.asp>
    "Failed validation, 422 errors"

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

    --
    -bts
    -Motorcycles defy gravity; cars just suck
     
    Beauregard T. Shagnasty, Feb 6, 2007
    #3
  4. Rob

    Rob Guest

    On 6 Feb, 22:37, "Beauregard T. Shagnasty"
    <> wrote:
    > cwdjrxyz wrote:
    > > On Feb 6, 2:31 pm, "Rob" <> wrote:
    > >> 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. ...
    > >> <snip>
    > >> 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.

    >
    > 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%3A%2F%2Fwww.brick-so...>
    > "Failed validation, 422 errors"
    >
    > Once the errors are corrected, which may fix the problem, then let's
    > look again.
    >
    > --
    > -bts
    > -Motorcycles defy gravity; cars just suck



    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!
     
    Rob, Feb 6, 2007
    #4
  5. Rob

    Ed Seedhouse Guest

    On 6 Feb 2007 14:57:14 -0800, "Rob" <> wrote:


    >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.
     
    Ed Seedhouse, Feb 6, 2007
    #5
  6. Rob wrote:

    > On 6 Feb, 22:37, "Beauregard T. Shagnasty"
    > <> wrote:
    >> <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.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?

    --
    -bts
    -Motorcycles defy gravity; cars just suck
     
    Beauregard T. Shagnasty, Feb 6, 2007
    #6
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Noozer

    Block DIV within a block DIV?

    Noozer, Jan 6, 2005, in forum: HTML
    Replies:
    3
    Views:
    11,416
    Mitja
    Jan 6, 2005
  2. Tom

    div within div

    Tom, Jan 14, 2005, in forum: HTML
    Replies:
    10
    Views:
    1,004
    Andy Dingley
    Jan 15, 2005
  3. K Viltersten

    <div ... /> and <div ...></div>

    K Viltersten, Mar 30, 2009, in forum: ASP .Net
    Replies:
    4
    Views:
    790
  4. Dwayne Madsen

    Q: Div A inside Div B is larger than Div B

    Dwayne Madsen, Jun 1, 2005, in forum: Javascript
    Replies:
    1
    Views:
    219
    David Dorward
    Jun 1, 2005
  5. mscir
    Replies:
    3
    Views:
    343
    Martin Honnen
    Jun 26, 2005
Loading...

Share This Page