Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

tables layouts change when i preview in IE 1

Status
Not open for further replies.

harshdeep

Programmer
Jun 29, 2003
10
0
0
IN
Hi guys
When I preview my pages in IE, the table layout tht i designed in dreamweaver does noy look the way it is supposed to be e.g. two columns that are of same width in dreamweaver are of diferent widths when seen in IE.
It is very frustrating. Any help would be highly appreciated.
Thanx
Harshdeep Singh
 
Are you using % or px to define the widths, Post the code for your table so we can have a look.

Cheech

[Peace][Pipe]
If you don't stand up for something, you'll fall down. Toke it Easy.
Howard Marks.
 
Hi
Thanx Cheech for your interest in my problem.
As an example, I created this sample page. In the layout view I ceated 4 cells. I set the width of all cells to be 220 and the cells are arranged in two columns at some distance from each other. In each column, one cell is exactly on the top of the other.
But the output is not consistent with what dreamweaver shows me.
This is the code that dreamweaver generates for it :

<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
</head>

<body>

<table width=&quot;557&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
<!--DWLayoutDefaultTable-->
<tr>
<td width=&quot;220&quot; height=&quot;32&quot; valign=&quot;top&quot;>adhbakjgfd kjahgfd gfdhak fdhav fkja
fhkj agahd sjhdg kjag fkja</td>
<td width=&quot;90&quot;></td>
<td width=&quot;220&quot;></td>
<td width=&quot;27&quot;></td>
</tr>
<tr>
<td rowspan=&quot;3&quot; valign=&quot;top&quot;>ahdkjahfkjdhkfjsfdafhjk hagfkhj hagfdkhj adhfa
ajhgfkh hkjagf kjhg hjkag dfkjhg kjhag fkjhgf ajhgf akjhdg ahfj skjdgha
fj kjahgf akjf ahjf akjfg akjhfga fjh </td>
<td height=&quot;62&quot;></td>
<td> </td>
<td></td>
</tr>
<tr>
<td height=&quot;17&quot;></td>
<td valign=&quot;top&quot;>adfj ahfj akjdf gdygfd ffgdf vakjgfk </td>
<td></td>
</tr>
<tr>
<td height=&quot;34&quot;> </td>
<td rowspan=&quot;2&quot; valign=&quot;top&quot;> asdgaj kfdagjhdag jha yajgf kg ajfk agf kjhfg
kuyagf jahfg ag ajhfg aydgf akjfgajyf ahgf yaf jhag uy ajh yag jaf uay jaf
uyafg jhab kygf jhag jy </td>
<td> </td>
</tr>
<tr>
<td height=&quot;45&quot;></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>

 
You need to set the width property of all the cells or stick another row at the bottom with spacer gifs set to the correct width.

Cheech

[Peace][Pipe]
If you don't stand up for something, you'll fall down. Toke it Easy.
Howard Marks.
 
Thanx Cheech for the advice.
It's kinda strange that in one of the best WYSIWYG softwares in the market, what i see is NOT what I get. Do u think there is something wrong with the way I'm using dreamweaver?
Plus, it would be a gr8 help if you could modify the code that i posted such that the column widths are equal. I would highly appreciate that.
Regards
Harshdeep
 
ok but all I have done is add the widths to each cell.

Code:
<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
</head>

<body>

<table width=&quot;557&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;>
  <!--DWLayoutDefaultTable-->
  <tr> 
    <td width=&quot;220&quot; height=&quot;32&quot; valign=&quot;top&quot;>adhbakjgfd kjahgfd gfdhak fdhav fkja 
      fhkj agahd sjhdg kjag fkja</td>
    <td width=&quot;90&quot;></td>
    <td width=&quot;220&quot;></td>
    <td width=&quot;27&quot;></td>
  </tr>
  <tr> 
    <td width=&quot;220&quot; rowspan=&quot;3&quot; valign=&quot;top&quot;>ahdkjahfkjdhkfjsfdafhjk hagfkhj hagfdkhj 
      adhfa ajhgfkh hkjagf kjhg hjkag dfkjhg kjhag fkjhgf ajhgf akjhdg ahfj skjdgha 
      fj kjahgf akjf ahjf akjfg akjhfga fjh </td>
    <td width=&quot;90&quot; height=&quot;62&quot;></td>
    <td width=&quot;220&quot;> </td>
    <td width=&quot;27&quot;></td>
  </tr>
  <tr>
    <td width=&quot;90&quot; height=&quot;17&quot;></td>
    <td width=&quot;220&quot; valign=&quot;top&quot;>adfj ahfj akjdf gdygfd ffgdf vakjgfk </td>
    <td width=&quot;27&quot;></td>
  </tr>
  <tr> 
    <td width=&quot;90&quot; height=&quot;34&quot;> </td>
    <td width=&quot;220&quot; rowspan=&quot;2&quot; valign=&quot;top&quot;> asdgaj kfdagjhdag jha yajgf kg ajfk 
      agf kjhfg kuyagf jahfg ag ajhfg aydgf akjfgajyf ahgf yaf jhag uy ajh yag 
      jaf uay jaf uyafg jhab kygf jhag jy </td>
    <td width=&quot;27&quot;> </td>
  </tr>
  <tr> 
    <td width=&quot;220&quot; height=&quot;45&quot;></td>
    <td width=&quot;90&quot;></td>
    <td width=&quot;27&quot;></td>
  </tr>
</table>
</body>
</html>

Cheech

[Peace][Pipe]
If you don't stand up for something, you'll fall down. Toke it Easy.
Howard Marks.
 
Thanx a lot for the help Cheech. I am very grateful.
Harshdeep
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top