Help - Search - Members - Calendar
Full Version: Automatic Width adjustment
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Kris
I am trying to display a calendar html. Below is sample code. I am not sure why the second column have some extra spaces after the sentence is finished. How can that space distributed to other columns.

I appreciate any help.


<html>
<body>
<table valign=top border=1 width=800 height=500>
<tr valign=top>
<td>1<br>Test1<br>test2<br>test3<br>test4</td>
<td>2<br>abc</td>
<td>3<br>Test2</td>
<td>4<br>Test3</td>
<td>5<br>Test4</td>
<td>6<br>Test5</td>
<td>7<br>Test6</td>
</tr>
<tr valign=top>
<td>2<br>Test1<br>test2<br>test3<br>test4</td>
<td>2<br>This column looks too long with extra space<br>test1<br>test2</td>
<td>3<br>Test2</td>
<td>4<br>Test3</td>
<td>5<br>Test4</td>
<td>6<br>Test5</td>
<td>7<br>Test6</td>
</tr>
<tr valign=top>
<td>3<br>Test1<br>test2<br>test3<br>test4<br>test5<br>test6</td>
<td>2<br>abc</td>
<td>3<br>Test2</td>
<td>4<br>Test3</td>
<td>5<br>Test4</td>
<td>6<br>Test5</td>
<td>7<br>Test6</td>

</tr>
<tr valign=top>
<td>4<br>Test1<br>test2<br>test3<br>test4</td>
<td>2<br>abc</td>
<td>3<br>Test2</td>
<td>4<br>Test3</td>
<td>5<br>Test4</td>
<td>6<br>Test5</td>
<td>7<br>Test6</td>
</tr>
</table>
</body>
</html>
Christian J
Maybe because the whole table WIDTH is 800 pixels, and browsers decides to put the surplus width in the column with the longest text lines.
Kris
I know, But I like to know how we can resolve that by distributing that space on other columns so it would not look odd.
pandy
Use widths for the columns then.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2024 Invision Power Services, Inc.