Table resizing and type breaks in IE7

Table resizing and type breaks in IE7

I am currently working with a "liquid" table-based Web page layout--that is, 
the table expands or contracts to match the page size/screen resolution. 

There are two columns in the table. Initially, I had the left column with a 
fixed width of 200 px., the right unspecified. In Firefox, this produced the 
desired result: the type in the right column broke differently to match the 
page width; in IE7, it didn't; even when the page was 1024x768, the type 
broke as it did at 800x600. 

Because the left hand column was also expanding and contracting to match the 
table width (which I didn't want to happen), and on the advice of a friend, I 
set the left column width at a fixed 200 px, and set the right column at a 
width of 90%. This not only produced an unvarying left column width, but it 
fixed the type breaking problem in IE7. 

So I've fixed my problem for now, but I'd still like to know why IE7 did 
what it did, and whether this is just one manifestation of a bug or quirk 
that I need to work around in future

Anyone have any ideas?

Charlie Henss

date: Sat, 3 Mar 2007 11:54:05 -0800 author: Charlie Henss Charlie

Re: Table resizing and type breaks in IE7

Charlie Henss wrote ::
> I am currently working with a "liquid" table-based Web page layout--that is, 
> the table expands or contracts to match the page size/screen resolution. 
> 
> There are two columns in the table. Initially, I had the left column with a 
> fixed width of 200 px., the right unspecified. In Firefox, this produced the 
> desired result: the type in the right column broke differently to match the 
> page width; in IE7, it didn't; even when the page was 1024x768, the type 
> broke as it did at 800x600. 
> 
> Because the left hand column was also expanding and contracting to match the 
> table width (which I didn't want to happen), and on the advice of a friend, I 
> set the left column width at a fixed 200 px, and set the right column at a 
> width of 90%. This not only produced an unvarying left column width, but it 
> fixed the type breaking problem in IE7. 
> 
> So I've fixed my problem for now, but I'd still like to know why IE7 did 
> what it did, and whether this is just one manifestation of a bug or quirk 
> that I need to work around in future
> 
> Anyone have any ideas?
>

Dont know about IE7. But try -

Is table width defined ? :
``````````
<body>

<table border=1 width="100%">
<tr>
   <td width=200px>Something Here</td>
   <td>Test</td>
</tr>
</table>
``````````

or this  :
``````````````````
<body onload="adjust()">
<script>

function adjust(){
tdEm=document.getElementById("td2")
tdEm.width=document.documentElement.offsetWidth-200 + "px"
}
</script>

<table border=1 width="100%">
<tr>
   <td width=200px>Something Here</td>
   <td id="td2">Test</td>
</tr>
</table>

</body>
`````````````````

Good Luck, Ayush.
-- 
XP-Tips [Disable Turn off computer button on Welcome screen] :
http://www.microsoft.com/windowsxp/using/setup/tips/advanced/sdbutton.mspx

date: Sat, 03 Mar 2007 14:17:37 -0600 author: Ayush ayushmaan.j[aatt]gmail.com