Табличная вёрстка

trololo · December 21, 2010

Здравствуйте! Возникла необходимость отредактировать табличный шаблон, в силу того, что раньше работал исключительно с дивами, возникли трудности. Так выглядит шапка страницы в фаерфоксе, а так в опере. Как видно опера ведёт себя неадекватно. Причём если поставить cellpadding="1", то всё работает замечательно. С чем это связано? И подскажите пожалуйста как сделать так, чтобы шапка не выезжала за границу браузера и появлялся нижний скролл при сильном сужении, при такой же гибкости как сейчас (class="line-header" растягивается). Рассчитываю на вашу помощь.

Код html:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
	<link href=style.css rel=stylesheet type=text/css>
</HEAD>

<body>

<table align="center" cellpadding="0" cellspacing="0" class="header-tab">
<tr>
	<td></td>
	<td class="logo"></td>
	<td class="line-header"></td>
	<td class="line-header-right"></td>
	<td></td>
</tr>
<tr>
	<td></td>
	<td colspan="2">
		<a href="add.php">Добавить объявление</a> | 
		<a href="index.php">Разделы</a> | 
		<a href="tools.php?event=about">Правила размещения</a>
	</td>
	<td colspan="2"></td>
</tr>
</table>

</body>
</HTML>

Код css:

.header-tab {
  width: 80%;
}
.logo {
  background: url('logo.png') no-repeat center right;
  width: 350px;
  height: 115px;
}
.line-header {
  background: url('topline.png') repeat-x center;
}
.line-header-right {
  background: url('topline_right.png') no-repeat center left;
  width: 20px;
}

Sign In

Табличная вёрстка

Question

trololo

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Join the conversation

Обсуждения

Forums

Important Information