Wrox Programmer Forums
Go Back   Wrox Programmer Forums > Web Programming > CSS > CSS Cascading Style Sheets
|
CSS Cascading Style Sheets All issues relating to Cascading Style Sheets (CSS).
Welcome to the p2p.wrox.com Forums.

You are currently viewing the CSS Cascading Style Sheets section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old August 25th, 2005, 06:44 AM
Registered User
 
Join Date: Aug 2005
Posts: 4
Thanks: 0
Thanked 0 Times in 0 Posts
Default problem with scrollbar and a table header

Hi

What my problem is is that I have a Table with 3 rows and 3 colums, in the first row, I have got the header (i've put it to fit 19 pixels and worked great)and in the second one, i have put a scrollbar area in CSS style with a height of 150 pixels but when I do so, I changes the scrollbar area to 150 pixels but also the header (first row of the table) but doesn't change anything to the 3rd row. How can that be.
I tried creating a separate table where I put the scrollbar area and did the code again but it still did the same thing.

Here is the code where the problem must be (this is the code for the entire table, I,ve used 7 of the cells of the table to create a cool border and 1 cell to do the Header with a text and background image):

<table border="0" width="483" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="19"><img border="0" src="images/skin1/grand_haut_gauche.gif" width="8" height="19"></td>
                      <td width="480" height="19" background="images/skin1/grand_haut.gif"><div align="left"><B>Office Space </B></div></td>
                      <td height="19"><img border="0" src="images/skin1/grand_haut_droit.gif" width="7" height="19"></td>
                    </tr>
                    <tr>
                      <td background="images/skin1/grand_milieu_gauche.gif"><img border="0" src="images/skin1/grand_milieu_gauche.gif" width="8" height="1"></td>
                      <td width="480" class="fond_tableaux"><P align=left>&nbsp;</P>
                        <table width="460" border="0" cellspacing="0" cellpadding="0">

                          <tr>
                            <td>
<div>
<style type="text/css">
div
  {height: 150px;
  width: 470px;
  border-style :none;}

.over4
  {
  overflow: auto;
  position: relative;
  }
</style>

<div class="over4">
<p align="center" class="style21 style22"><em><strong>Prices strat from just &pound;300 per workstation per month. </strong></em></p>
                        <p align="center" class="style21 style22">&nbsp;</p>
                        <p align="left" class="style21 style22"><em>
                          <br>
                          Easy in, easy out, flexible terms </em></p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style24"> All suites are available at very short notice with the minimum of fuss. All we require is a deposit*, the first month&rsquo;s licence fee and your signature on a licence agreement.</p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style27"> Value for money </p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style24"> Our aim at Boundary House Business Centre is to provide you with high quality serviced office accommodation at value for money prices. To make budgeting easier for you and your company our monthly licence fee is inclusive of the following: </p>
                        <p align="left">&nbsp; </p>
                        <div align="left">
                          <table cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="284" valign="top">[list]
                                    <li class="style24"> Business rates </li>
                                    <li class="style24"> Heating / AC** </li>
                                    <li class="style24"> Electricity </li>
                                    <li class="style24"> Office furniture </li>
                                    <li class="style24"> Office cleaning </li>
                                </ul></td>
                                <td width="284" valign="top">[list]
                                    <li class="style24"> Telephone line connection </li>
                                    <li class="style24"> One digital line per workstation </li>
                                    <li class="style24"> One analogue line per suite </li>
                                    <li class="style24"> Telephone handset rental </li>
                                    <li class="style24"> Car parking </li>
                                </ul></td>
                              </tr>
                            </table>
                        </div>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style27"> Location </p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style24"> Boundary House Business Centre is situated in an ideal location opposite Boston Manor underground tube station (Piccadilly line), providing easy access to central London and Heathrow Airport. The M4, A4 and A40 are all within easy reach. </p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style22"><em> Access </em></p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style24"> The ground floor of Boundary House is open from 6.30am to 10.30pm daily. All other suites have 24hr access. </p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style22"><em> Telecommunications </em></p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style24"> All calls are charged at normal BT standard rates. In addition, we are able to offer you a wide range of telephone services to include: Cat5 cabling, voicemail, divert set ups and telephone answering. </p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style22"><em> Business Services </em></p>
                        <p align="left">&nbsp; </p>
                        <div align="left">
                          <table cellspacing="0" cellpadding="0">
                              <tr>
                                <td width="284" valign="top">[list]
                                    <li class="style24"> Meeting room (4 seats) </li>
                                    <li class="style24"> Conference room (10 seats) </li>
                                    <li class="style24"> Secretarial services </li>
                                </ul></td>
                                <td width="284" valign="top">[list]
                                    <li class="style24"> Photocopying </li>
                                    <li class="style24"> Fax </li>
                                    <li class="style24"> Telephone answering </li>
                                </ul></td>
                              </tr>
                            </table>
                        </div>
                        <p align="left">&nbsp; </p>
                        <p align="left">&nbsp; </p>
                        <p align="left">&nbsp; </p>
                        <p align="left" class="style26"> *equivalent to 2 months licence fee and not subject to VAT </p>
                        <p align="left" class="style26"> **not all suites are air conditioned </p>
                        </div>
                        <P align=left>&nbsp;</P></td>
                          </tr>

                        </table> <P align=left>&nbsp;</P>


                        <P align=left>&nbsp;</P>

                      <td background="images/skin1/grand_milieu_droit.gif"><img border="0" src="images/skin1/grand_milieu_droit.gif" width="7" height="1"></td>
                    </tr>
                    <tr>
                      <td><img border="0" src="images/skin1/grand_bas_gauche.gif" width="8" height="8"></td>
                      <td width="480" background="images/skin1/grand_bas.gif"><img border="0" src="file:///C|/Documents%20and%20Settings/user/My%20Documents/kitIS4/kitIS4/images/skin1/grand_bas.gif" width="1" height="8"></td>
                      <td><img border="0" src="images/skin1/grand_bas_droit.gif" width="7" height="8"></td>
                    </tr>
                  </table>


 
Old August 25th, 2005, 07:51 AM
Imar's Avatar
Wrox Author
 
Join Date: Jun 2003
Posts: 17,089
Thanks: 80
Thanked 1,576 Times in 1,552 Posts
Default

Maybe it's just me being thick, but I still don't get it. What do you mean with
Quote:
quote:but doesn't change anything to the 3rd row
and with
Quote:
quote:I tried creating a separate table where I put the scrollbar area and did the code again but it still did the same thing.
What exactly is the problem you're having? Can you link to a live page, and possibly to a mock-up of how you want it to look?

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
 
Old August 29th, 2005, 12:18 AM
Friend of Wrox
 
Join Date: Jun 2003
Posts: 425
Thanks: 0
Thanked 3 Times in 3 Posts
Default

I don't get it either. But to begin with you could move the style block to head where it belongs. Also, you have cross-posted. I believe that's a no-no.

(o<
//\ =^..^=





Similar Threads
Thread Thread Starter Forum Replies Last Post
Trying to center a table with scrollbar Sickopuppie HTML Code Clinic 5 June 15th, 2006 02:43 AM
add scrollbar to table MAntis_sg Classic ASP Basics 3 May 18th, 2006 11:36 AM
problem with scrollbar and a table header touyets HTML Code Clinic 0 August 25th, 2005 06:45 AM
Scrollbar in "Table" mcinar HTML Code Clinic 10 January 16th, 2005 08:47 PM
Scrollbar in "Table" mcinar Classic ASP Basics 7 January 2nd, 2005 09:03 PM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.