Hey Everyone, I'm a noob so please be patient with me. (Code is at the end of the post)

Ok, so I'm building a layout using tables. I know it's not ideal but that's the skill level I'm at so it will have to do. Within my table i have td.view and td.view contains div.view, I did this because I was told that you cant use the overflow property on a td so I figured "ok I'll put a div inside the td and use the overflow property on the div" the thing is it's not working... it worked briefly before I put in my doctype which suggests maybe what I'm doing isn't supported by transitional html but it's nothing particularly exotic so I'm not convinced.

The funny thing is the way that the page displays. I know the div is within the td (you can see it in the code around all the greeking) but when I view it in firefox it displays behind the middle cells, like a table background. The other odd thing is that the second cell in from the left is supposed to be 595 X 600 but when I view it in firefox it collapses and displays more like 200 X 600. blink.gif

I read that when you're using a fixed table the column width is set by table width and the width of the columns but I set the width and height of both the cell and the table in the css. I checked to make sure that the width of my middle columns doesn't exceed the width of the table and it doesn't, so just for SAG I tried defining the height and width in the html instead but that didn't work either.


I'm getting pretty frustrated. If anyone has any better ideas than a div in a td or can see what I'm doing wrong please help me out!
Thanks so much in advance! <3


CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <style>
            body {
            background-color:black;
            }
            table {
            table-layout:fixed;
            border-spacing: 0;
            border-collapse:collapse;
            width:1000px;
            height:1000px;
            background-color:black;
            }
            td {
            text-align:left;
            }
            td.navi {
            text-align: center;
            }
            td.view {
            height:600px;
            width:595px;
            color:white;
            font-family:Calibri, myriad pro, sans-serif;
            }
            div.view {
            background-color:grey;
            width:515px;
            height:520px;
            padding:40px;
            overflow:auto;
            text-align:justify;
            }
            </style>
    </head>
    <body>
        <table class="table">
            <tr class="T">
                <td class="bckT" colspan="5"><img width="1000" height="227" src="BckT.jpg">
                </td>
            </tr>
            <tr class="M">
                <td class="backM1" width="101" height="600"><img width="101" height="600" src="BckM1.jpg">
                </td>
                <td class="view">
                    <div class="view">
                        Illum abluo, adsum sed imputo multo occuro lobortis. Facilisis turpis odio probo indoles probo lobortis ad iriure tristique ulciscor neo, pagus, persto usitas. Minim euismod facilisis, commodo, iustum paulatim metuo tation esca hendrerit. Meus autem tum quia, molior laoreet luptatum humo, nostrud, damnum iustum. Ut vel fatua nisl, enim, hendrerit consequat iriure te euismod feugiat, wisi. Capto luctus similis iustum paratus vereor eu, saepius odio, autem immitto accumsan ut abico tation. Pagus abluo vel haero aliquam, ideo. Defui diam rusticus loquor, blandit zelus.
                        Scisco vel tristique aliquip euismod rusticus jugis tation vulpes occuro imputo typicus, plaga. Nibh elit ratis si probo pecus praemitto, nulla ratis et exerci veniam utinam ymo augue. Gilvus persto pneum abbas qui melior. Esca in eu premo incassum, incassum dignissim. Mauris cui abico iusto jumentum exputo quia dignissim refoveo refoveo foras at. Facilisis ea, nonummy, praemitto sed, praesent enim saluto wisi facilisis pneum mara elit vel.
                        Consequat, ut secundum, reprobo imputo hos et epulae commodo, et, commodo ne.
                        Illum abluo, adsum sed imputo multo occuro lobortis. Facilisis turpis odio probo indoles probo lobortis ad iriure tristique ulciscor neo, pagus, persto usitas. Minim euismod facilisis, commodo, iustum paulatim metuo tation esca hendrerit. Meus autem tum quia, molior laoreet luptatum humo, nostrud, damnum iustum. Ut vel fatua nisl, enim, hendrerit consequat iriure te euismod feugiat, wisi. Capto luctus similis iustum paratus vereor eu, saepius odio, autem immitto accumsan ut abico tation. Pagus abluo vel haero aliquam, ideo. Defui diam rusticus loquor, blandit zelus.
                        Scisco vel tristique aliquip euismod rusticus jugis tation vulpes occuro imputo typicus, plaga. Nibh elit ratis si probo pecus praemitto, nulla ratis et exerci veniam utinam ymo augue. Gilvus persto pneum abbas qui melior. Esca in eu premo incassum, incassum dignissim. Mauris cui abico iusto jumentum exputo quia dignissim refoveo refoveo foras at. Facilisis ea, nonummy, praemitto sed, praesent enim saluto wisi facilisis pneum mara elit vel.
                        Consequat, ut secundum, reprobo imputo hos et epulae commodo, et, commodo ne.
                        Illum abluo, adsum sed imputo multo occuro lobortis. Facilisis turpis odio probo indoles probo lobortis ad iriure tristique ulciscor neo, pagus, persto usitas. Minim euismod facilisis, commodo, iustum paulatim metuo tation esca hendrerit. Meus autem tum quia, molior laoreet luptatum humo, nostrud, damnum iustum. Ut vel fatua nisl, enim, hendrerit consequat iriure te euismod feugiat, wisi. Capto luctus similis iustum paratus vereor eu, saepius odio, autem immitto accumsan ut abico tation. Pagus abluo vel haero aliquam, ideo. Defui diam rusticus loquor, blandit zelus.
                        Scisco vel tristique aliquip euismod rusticus jugis tation vulpes occuro imputo typicus, plaga. Nibh elit ratis si probo pecus praemitto, nulla ratis et exerci veniam utinam ymo augue. Gilvus persto pneum abbas qui melior. Esca in eu premo incassum, incassum dignissim. Mauris cui abico iusto jumentum exputo quia dignissim refoveo refoveo foras at. Facilisis ea, nonummy, praemitto sed, praesent enim saluto wisi facilisis pneum mara elit vel.
                        Consequat, ut secundum, reprobo imputo hos et epulae commodo, et, commodo ne.
                        Illum abluo, adsum sed imputo multo occuro lobortis. Facilisis turpis odio probo indoles probo lobortis ad iriure tristique ulciscor neo, pagus, persto usitas. Minim euismod facilisis, commodo, iustum paulatim metuo tation esca hendrerit. Meus autem tum quia, molior laoreet luptatum humo, nostrud, damnum iustum. Ut vel fatua nisl, enim, hendrerit consequat iriure te euismod feugiat, wisi. Capto luctus similis iustum paratus vereor eu, saepius odio, autem immitto accumsan ut abico tation. Pagus abluo vel haero aliquam, ideo. Defui diam rusticus loquor, blandit zelus.
                        Scisco vel tristique aliquip euismod rusticus jugis tation vulpes occuro imputo typicus, plaga. Nibh elit ratis si probo pecus praemitto, nulla ratis et exerci veniam utinam ymo augue. Gilvus persto pneum abbas qui melior. Esca in eu premo incassum, incassum dignissim. Mauris cui abico iusto jumentum exputo quia dignissim refoveo refoveo foras at. Facilisis ea, nonummy, praemitto sed, praesent enim saluto wisi facilisis pneum mara elit vel.
                        Consequat, ut secundum, reprobo imputo hos et epulae commodo, et, commodo ne.
                        Illum abluo, adsum sed imputo multo occuro lobortis. Facilisis turpis odio probo indoles probo lobortis ad iriure tristique ulciscor neo, pagus, persto usitas. Minim euismod facilisis, commodo, iustum paulatim metuo tation esca hendrerit. Meus autem tum quia, molior laoreet luptatum humo, nostrud, damnum iustum. Ut vel fatua nisl, enim, hendrerit consequat iriure te euismod feugiat, wisi. Capto luctus similis iustum paratus vereor eu, saepius odio, autem immitto accumsan ut abico tation. Pagus abluo vel haero aliquam, ideo. Defui diam rusticus loquor, blandit zelus.
                        Scisco vel tristique aliquip euismod rusticus jugis tation vulpes occuro imputo typicus, plaga. Nibh elit ratis si probo pecus praemitto, nulla ratis et exerci veniam utinam ymo augue. Gilvus persto pneum abbas qui melior. Esca in eu premo incassum, incassum dignissim. Mauris cui abico iusto jumentum exputo quia dignissim refoveo refoveo foras at. Facilisis ea, nonummy, praemitto sed, praesent enim saluto wisi facilisis pneum mara elit vel.
                        Consequat, ut secundum, reprobo imputo hos et epulae commodo, et, commodo ne.
                        Illum abluo, adsum sed imputo multo occuro lobortis. Facilisis turpis odio probo indoles probo lobortis ad iriure tristique ulciscor neo, pagus, persto usitas. Minim euismod facilisis, commodo, iustum paulatim metuo tation esca hendrerit. Meus autem tum quia, molior laoreet luptatum humo, nostrud, damnum iustum. Ut vel fatua nisl, enim, hendrerit consequat iriure te euismod feugiat, wisi. Capto luctus similis iustum paratus vereor eu, saepius odio, autem immitto accumsan ut abico tation. Pagus abluo vel haero aliquam, ideo. Defui diam rusticus loquor, blandit zelus.
                        Scisco vel tristique aliquip euismod rusticus jugis tation vulpes occuro imputo typicus, plaga. Nibh elit ratis si probo pecus praemitto, nulla ratis et exerci veniam utinam ymo augue. Gilvus persto pneum abbas qui melior. Esca in eu premo incassum, incassum dignissim. Mauris cui abico iusto jumentum exputo quia dignissim refoveo refoveo foras at. Facilisis ea, nonummy, praemitto sed, praesent enim saluto wisi facilisis pneum mara elit vel.
                        Consequat, ut secundum, reprobo imputo hos et epulae commodo, et, commodo ne.
                    </div>
                </td>        
                <td class="bckM2" width="43" height="600">
                    <img width="43" height="600" src="BckM2.jpg">
                </td>
                <td class="navi" width="126" height="600">
                    <img width="113" height="85" src="BAbout.jpg">
                    <img width="113" height="85" src="BCommision.jpg">
                    <img width="113" height="85" src="BGallery.jpg">
                    <img width="113" height="85" src="BDownload.jpg">
                    <img width="113" height="85" src="BLink.jpg">
                    <img width="113" height="85" src="BMail.jpg">
                    <img width="113" height="85" src="BHome.jpg">
                </td>
                <td width="128" height="600"><img width="128" height="600" src="BckM3.jpg">
                </td>
            </tr>
            <tr class="B">
                <td class="bckB" colspan="5"><img width="1000" height="172" src="BckB.jpg">
                </td>
            </tr>
        </table>
    </body>
</html>