HTML-таблица шире, чем указано, и содержание внутри нее - PullRequest
0 голосов
/ 13 октября 2011

Я опубликую свой HTML, но я не уверен, что первая таблица (которая содержит все последующие таблицы) всегда на 2-3 пикселя шире, чем остальная часть содержимого. Последние два часа я потратил на устранение неполадок, которые, по моему мнению, должны быть легко решены ... но я не могу найти другие области, которые могут вызывать проблему. Я извиняюсь, если решение очевидно, я не проектировал веб-сайт с тех пор, как учился в старшей школе, поэтому мои навыки немного устарели.

<html>
<head>
<title>Piedmont Wealth Solutions</title>

<style type="text/css"><!--
a:link {
color:000000; font-face:arial; font-size:10pt; text-decoration:none
}
a:visited {
color:000000; font-face:arial; font-size:10pt; text-decoration:none
}
a:active {
color:000000; font-face:arial; font-size:10pt; text-decoration:none
}
a:hover {
color:000000; font-face:arial; font-size:10pt; text-decoration:underline
}
body {
color:Body; font-size:10pt; font-family:Arial;
}
td {
color:Body; font-size:10pt; font-family:Arial
}
--></style>
</head>
<body bgcolor="e9e9e9" background="page_bg.gif" font face="arial" size="10" valign="top" topmargin="0" leftmargin="180">


<table width="537" cellspacing="0" cellpadding="0" valign="top" align="left" height="100%" border="0" bgcolor="265b78">

<tr width="537" valign="top" align="left">
<td valign="top" align="left" width="36" background="table_bg_left.gif">
</td>


<td width="501" valign="top" align="left">
<!------banner/nav----->

<table width="501" valign="top" border="0" align="left" cellpadding="0" cellspacing="0" bgcolor="c5c5c5">
<tr valign="top" align="left" border="0">



<img src="banner_nav.jpg" border="0" valign="top" align="left">
<img src="content_top_spacer.jpg" border="0" valign="top" align="left">

</td>
</tr>
</table>


<!------content------>
<table width="501" height="350" cellspacing="0" cellpadding="0" border="0" align="left">
<tr valign="top" align="left">
<td valign="top" align="left" width="356" bgcolor="f5F8Fa">

<img src="aboutus_header.jpg" border="0" valign="top"> 
<br>
<br>


Content
</td>


<td valign="top" width="144" bgcolor="f0f3f5">

<img src="news_header.jpg" border="0" align="left" valign="top"> <br><br>


google news feed
</td>
</tr>
</table>

<!------address/disclaimer------>

<table width="501" cellspacing="0" cellpadding="0"  height="45%" border="0" valign="top" align="left" bgcolor="265b78">
<tr valign="top" align="left">
<td valign="top" align="left" height="15" bgcolor="aac6d5">
</td>
</tr>
<tr valign="top" align="left">
<td valign="top" align="left" height="15" bgcolor="7da6bc">
</td>
</tr>

<tr valign="top" align="left">
<td valign="top" align="left">

<img src="bottom_disclosure.jpg" align="left" valign="top" border="0">

</td>
</tr>
</table>


</td>
</tr>
</table>


</td>
</tr>
</table>



</body>
</html>

1 Ответ

0 голосов
/ 13 октября 2011

Таблицы не должны использоваться в целях верстки, для этого и нужен CSS. Таблицы для табличных данных. С помощью CSS у вас есть очень хороший контроль над позиционированием и размерами вашего контента.

Вот список причин, по которым вы должны выбрать CSS.

Это (ИМХО) лучшая книга для быстрого старта.

...