PDA

Click to See Complete Forum and Search --> : Scrolling table height problems

SandiD
09-13-2006, 12:49 PM
I'm looking to you experts to please see if you can help me. I can't figure out this problem. I have a scrolling table whose height I set at 300 using the code below. But it seems that sometimes when you click on a page, the table height goes a little goofy - it expands to like 1000 height and the content is way at the bottom. Refreshing the page fixes it, but I can't have the pages acting this way. I wonder if it has something to do with the loading of the images or something??? I can NOT figure this one out! :confused: Can anyone please help me???? BTW - this is ONLY happening in IE, Firefox seems to be working perfectly.

Here is the website - click on the various pages and I'm sure you'll see this happen http://www.mothernaturesfarm.com/NEW/ (http://www.mothernaturesfarm.com/NEW/index.html)

<table width="700" height="300" border=1 align=center cellspacing="0" cellpadding="0"
style="margin-top:10px; border-color:black; background-color:#F1F1D8;">

<tr>
<td height=300px >
<div style="width:700px; height:296px; overflow:auto; padding:0px;">


Sandi
The Little Guy
09-13-2006, 01:15 PM
Why don't you just remove the table completely, and just use div's? It will save you alot of time.

<head>
.div{
border:solid 1px #000000;
width:700px;
height:296px;
overflow:auto;
padding:0px;
background-color:#F1F1D8;
margin:auto;
}
</head>
<body>
<div class="div">
Text here
</div>
</body>
SandiD
09-13-2006, 01:55 PM
That was great advice - you are correct, it's MUCH easier. I updated all my code to replace the 300-height table with CSS Div code. BUT that problem is still happening. Sometimes when you click on some pages, the scrollable container drops way down in the browser and you have to scroll down the whole page to see it. Why is that happening??? Is my doctype wrong or something??? This is so weird!
SandiD
09-13-2006, 03:55 PM
I think I got this fixed now. I had the entire DIV content enclosed in yet another table so I tried removing that table altogether and it appears to be working now. I think IE had some heartburn with my use of DIV and tables. Anyway, thanks again for your help!!!
The Little Guy
09-13-2006, 03:57 PM
No Problem